其他分享
首页 > 其他分享> > CSS3中有哪些新特性

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