CSS3中有哪些新特性
作者:互联网
新增选择器
属性选择器
结构伪类选择器
伪元素选择器
2D转换:transform
位移:transform:translate(100px,100px)
缩放:transform:scale(1,1)
旋转:transform:rotate(45deg)
3D转换:transform
位移:transform:translate(100px,100px,100px)
旋转:transform:rotate(0,0,1,45deg)
3D呈现:transform-style
flat:子元素不开启3d空间
preserve-3d:子元素开启3d空间
透视:perspective(单位px)
人的眼睛到屏幕的距离;近大远小。
动画
@keyframes 动画名称 {0% {width:100px} 100% {width:200px}}
过渡:transition
谁过度给谁加
其他特性
背景渐变background:linear-gradient(top left,red,pink)
图片模糊:filter:blur(5px)数值越大越模糊
calc函数:width:calc(100% - 80px)
圆角:border-radius
文字特效 (text-shadow)
文字渲染 (text-decoration)
标签:CSS3,哪些,100px,transform,特性,width,3D,选择器,3d 来源: https://www.cnblogs.com/anpu/p/16330347.html