![](https://img-blog.csdnimg.cn/20200317221241595.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS 学习笔记
让页面飞起来
Friday--星期五
我们这个世界,从不会给一个伤心的落伍者颁发奖牌。
展开
-
用CSS 2D 3D实现一个简单的跑马灯效果页面
跑马灯 使用了定位+2d+3d+动画animation-name:规定@keyframes动画的名称;animation-duration:规定动画完成一个周期所花费的时间animation-timing-function:规定动画的速度曲线,默认是“ease”,linear均速:animation-delay:规定动画何时开始,默认是0;animation-iteration-co...原创 2020-03-31 17:41:25 · 249 阅读 · 0 评论 -
纯CSS绘制圆形、椭圆形、菱形、三角形
纯CSS绘制圆形、椭圆形、菱形、三角形1、圆形:width: 50px;height: 50px;border-radius: 50%; // 50%~100%之间都行background: pink;2、半圆形:(以左圆形为例)width: 50px;height: 100px;border-radius: 50px 0 0 50px;background: pink;...转载 2020-03-31 14:25:50 · 1149 阅读 · 0 评论 -
用CSS画一个圆,椭圆,三角
怎么用CSS画一个圆,椭圆,三角<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...原创 2020-03-31 13:57:42 · 664 阅读 · 0 评论 -
CSS基础操作(一)
用 CSS 定义 p 标签,要求实现以下效果:字体颜色在 IE6 下为黑色(#000000);IE7 下为红色(#ff0000);而其他浏览器下为绿色(#00ff00)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...原创 2020-03-31 13:03:00 · 241 阅读 · 0 评论