![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Css3效果
文章平均质量分 66
li3196672779
这个作者很懒,什么都没留下…
展开
-
css-3实现锯齿效果
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> Document body{ /*margin: 333p转载 2017-06-04 19:10:49 · 2787 阅读 · 0 评论 -
C3-简单动画效果
鼠标经过 后字体左移, 箭头右移 Document body{ margin-top: 333px; margin-left: 200px; } a{ display: block; width: 600px;转载 2017-06-03 16:24:42 · 6364 阅读 · 0 评论 -
Css3-load动画
Document body{ background: #000000; margin: 100px; } .load{ text-indent: -9999px; position: relative; width: 202px; height: 202px; box-shadow: inset 0 0 0 16px #6ef; bo转载 2017-06-03 20:14:41 · 499 阅读 · 0 评论 -
css3text-transform,用来控制文本的大小写属性续
转载 2017-06-20 20:05:05 · 341 阅读 · 0 评论 -
css3text-transform,用来控制文本的大小写属性
鱼C工作室 body{ background: #FF33ff url(1.jpg) no-repeat 50% 0; margin: 33px; color: #FFF; background-attachment: fixed; font-fami转载 2017-06-20 20:00:26 · 875 阅读 · 0 评论 -
Css3瀑布流效果
瀑布流布局 body{ background: #AAFFEE; margin:10px; } #page{ width:888px; margin: 0 auto; } .转载 2017-06-20 19:30:52 · 415 阅读 · 0 评论 -
Css3-background-clip
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> Document body{ margin: 333px;转载 2017-06-04 14:21:38 · 174 阅读 · 0 评论 -
Css3-linear-gradient属性
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> Document body{ margin: 333px;转载 2017-06-04 13:56:26 · 440 阅读 · 0 评论 -
Css3实现三角效果
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> Document body{ margin: 200px;转载 2017-06-04 13:30:40 · 301 阅读 · 0 评论 -
css3动画-4点唤醒
Title body{ background: #000; } .load{ font-size: 33px; width: 1em; height: 1em; border-radius: 50%;转载 2017-06-04 10:08:35 · 182 阅读 · 0 评论 -
css3安卓机器人旋转
Document //需要注意字体需要引入才能使用的! .icon{ font-size: 0px; cursor: pointer; display: block; width: 111px; height: 111px; lin转载 2017-06-03 19:44:34 · 367 阅读 · 0 评论 -
Css-3-Load进阶
Document body{ background: #000000; margin: 100px; }.load{ text-indent: -9999px; position: relative; width: 202px; height: 202px; box-shadow: inset转载 2017-06-03 20:47:28 · 256 阅读 · 0 评论 -
border-radius: 80px/50px; 居然可以画椭圆178页
Document * { padding: 0; margin: 0; } #box { width: 160px; height: 100px; border-radius: 80px/50px;转载 2017-06-25 17:19:57 · 486 阅读 · 0 评论