Skip to content

CSS3 新特性

选择器增强

CSS3 新增了更多的选择器,如属性选择器、伪类选择器

圆角边框

引入 border-radius 属性,可以设置元素的圆角效果

阴影效果

引入 box-shadow 属性,可以设置元素的阴影效果,包括水平便宜、垂直便宜、模糊半径、阴影尺寸和颜色等

文字效果

引入 word-wrap、text-shadow、text-overflow、text-decoration 等属性,可以为文字添加阴影效果、控制溢出文本、下划线

背景特性

引入多重背景图、背景渐变等效果

渐变

  • linear-gradient:线性渐变
  • radial-gradient:径向渐变

2D/3D 转换

引入 transform 属性,可以对元素进行位移、缩放、旋转、倾斜等 2D 或 3D 转换效果

过渡和动画

新增 transition 和 animation 属性,可以实现元素的平滑过渡和动画效果

弹性布局

引入弹性盒模型布局(Flex布局),能够更好地适应不同设备和屏幕尺寸

栅格布局

引入栅格布局(Grid布局),能够更好地适应不同设备和屏幕尺寸

参考资料