丨Sunny
2017-03-21 15:25
background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); 有老大 解读下这句吗?
background-image: linear-gradient背景颜色的线性渐变。。。从哪个方向开始渐变,渐变的起点,渐变的终点,各个渐变所要渐变的大小。
个人理解是从左下角到右上角方向的一个线性渐变,0-25%,75%-100%的位置都是#478480颜色,其余位置是透明,然后设置一个合适的大小和背景色,加上background-image默认是重复铺满的,所以形成了背景效果。个人不理解的是background-position:0 0,30px 30px;什么意思。
linear-gradient表示线性渐变,45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480
依次表示渐变角度,渐变颜色,渐变透明度,渐变透明度,渐变颜色,最终颜色
背景图片变换
十天精通CSS3
242554 学习 · 2623 问题
相似问题