CSS3 新增特性总结

it2023-03-14  77

CSS3 新增特性有哪些

颜色:新增 RGBA,HSLA 模式,新增透明度

文字阴影:(text-shadow)

边框:

边框圆角:(border-radius)边框阴影:(box-shadow)边框图片:(border-image)

弹性盒子模型:(box-sizing:border-box;)

背景:

background-size :设置背景图片的尺寸background-origin :设置背景图片的原点(定位、位置)background-clip :设置背景图片的裁切区域,以”,”分隔,可以设置多背景,用于自适应布局。

渐变:

linear-gradient:(线性渐变)radial-gradient :(径向渐变)

过渡:transition,可实现动画

自定义动画 animation 定义动画:@keyframes 动画名称

在 CSS3 中唯一引入的伪元素是 :selection

媒体查询@media,多栏布局:

@media screen and (width:500px) { body { background-color: red; } }

2D 转换:

transform:translate(x,y) 移动rotate(x,y) 旋转skew(x,y) 翻转scale(x,y) 缩放

3D 转换

字体图标 : font-face

弹性布局 :flex

新增选择器: nth-child(n)

最新回复(0)