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 · 325 阅读 · 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 · 1416 阅读 · 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 · 777 阅读 · 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 · 302 阅读 · 0 评论