CSS3新特性
字数统计:234字实现圆角border-radius
,
阴影box-shadow
,
边框图片border-image
对文字加特效text-shadow
,
强制文本换行word-wrap
,
线性渐变linear-gradient
实现旋转transform:rotate(90deg)
,
缩放scale(0.85,0.90)
,
定位translate(0px,-30px)
,
倾斜skew(-9deg,0deg)
;
增加了更多的CSS
选择器、多背景、rgba()
唯一引入的伪元素是::selection
;
实现媒体查询@media
,多栏布局flex
过渡transition
动画animation
text-overflow
(文本溢出隐藏)CSS3
中,text-shadow
可向文本应用阴影。能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色。CSS3
新增了几个关于背景的属性,分别是background-clip
、background-origin
、background-size
和background-break
。text-decoration
:CSS3里面开始支持对文字的更深层次的渲染,具体有三个属性可供设置:
text-fill-color
: 设置文字内部填充颜色
text-stroke-color
: 设置文字边界填充颜色
text-stroke-width
: 设置文字边界宽度