CSS3
关注
分享
扫一扫
VVVGG
不积跬步无以至千里
展开
-
CSS3边框
1，border-radius画一个圆：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title&原创 2018-09-19 18:00:33 · 328 阅读 · 0 评论 -
CSS3 background-image
1，background-image可以添加多个图片，不同的背景图像之间用逗号分隔开，其中显示在最顶层的是第一张图片对应的附加属性，比如说background-size，background-repeat按照顺序对应不同的背景图像，值用逗号隔开2，background-size指定了背景图像的大小，CSS3以前背景图像的大小由背景图像的实际大小决定，background-siz...原创 2018-09-20 09:44:42 · 960 阅读 · 0 评论 -
CSS3渐变
以前我们如果想要做到一个颜色到另一个颜色的渐变（Gradients）效果，需要用ps之类的应用程序做出一张背景图片，然后放到元素上，这样子不仅麻烦，而且不利于代码的维护，当用户界面大小发生改变时，显示效果也不好CSS3提供给了我们一种渐变绘制方式，这样我们就不需要去下载文件之类的，当界面发生改变之后，由于是浏览器去绘制的，显示效果也比较好线性渐变（Linear Gradients）向上 |...原创 2018-09-20 11:42:57 · 1235 阅读 · 0 评论 -
CSS3 文本效果
1，text-shadow<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>CSS3&a原创 2018-09-20 12:06:53 · 252 阅读 · 0 评论 -
CSS3字体
以前对字体进行设置，我们只能使用这台计算机上有的字体，如果有些好看的字体而电脑上没有就不能使用，CSS3为我们提供了一种使用任意字体的方式<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content原创 2018-09-20 12:21:58 · 379 阅读 · 0 评论 -
CSS3 2D转换
1，translate语法：translate: transform(x, y);从当前位置，向下移动x距离，向右移动y距离，x和y可以是百分比，允许负值<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatibl...原创 2018-09-20 13:05:18 · 376 阅读 · 0 评论 -
CSS3 3D转换
perspective（1）perspective值越大，产生3D变换的时候会感觉距物体越远（不可为负数或者0，如果设置为0或者负数，那么就相当于人观察一个物体眼睛贴上去或者陷进去，就不会感觉到变化了）（也不能为百分比）（2）一般为父元素设置perspective属性，设置完之后，如果其子元素设置了3D转换，那么就可以显示出来具体效果看下面的rotate 3D变换1，rotate...原创 2018-09-20 16:52:54 · 1462 阅读 · 0 评论 -
CSS3过渡
transiton语法：transition: property duration timing-function delay;transition属性是个复合属性，她包括以下几个子属性：transition-property ：规定设置过渡效果的css属性名称transition-duration ：规定完成过渡效果需要多少秒或毫秒transition-timing-func...原创 2018-09-21 14:29:40 · 778 阅读 · 0 评论