1)媒体查询
不同分辨率下不同的样式,适应不同的屏幕
最大宽度,最小宽度
2)颜色渐变
渐变之后是一张图片 background-image
默认效果是从上到下(to bottom)的渐变 linear-gradient是线性渐变
要是想改变方向,要设置三个参数。注意:第一个参数是方向
设置角度就可以任意方向的渐变:
90°就是从左向右进行渐变,180°是从上到下,360°由下到上
颜色也可以多个
重复的线性渐变:
径向渐变:主要用在圆和椭圆上 由圆心开始向外
圆
3)多列显示
列数量、列间间隙、列宽
- 倒影效果
- css单位
em:父级默认字体是16px,20em就是320px(20*16)
rem:根据body的字体大小。此时是30px,10rem就是300px文章来源:https://www.toymoban.com/news/detail-558211.html
文章来源地址https://www.toymoban.com/news/detail-558211.html
到了这里,关于css3其他效果的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!