CSS3新增属性

1.1 背景

a. background-size 设置背景图片大小

案例:多图背景

1.多背景使用时,如果背景图片后面还需要接着背景颜色,需要将背景颜色写在后面,以防被层叠,什么都不显示

2.在多背景的使用时,一定要注意背景图片位置的错开,才能达到多背景图片的效果

3.在使用多背景完成一定的转换动画时,一定要加上过渡,不然可能没有效果

b. 背景渐变

线性渐变: linear-gradient

径向渐变: radial-gradient

1.2 阴影

a. 文字阴影 text-shadow

b. 盒子阴影 box-shadow

1.3 圆角(弧度)

border-radius

1.4 断字

text-overflow

1.5 过渡、变换、动画

a. 过渡 transition

b. 变换 transform

2D变换必将 3D变换 选讲

c. 动画 animation

上一篇:前端学习4百度页面添加CSS样式210904


下一篇:Qt QMenu圆角&阴影超详细 干净圆角 屏蔽原生阴影 绘制阴影