问答详情
源自:9-10 制作3D旋转导航综合练习题

关于那个 background-image 有有点不懂, 求解!

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);   有老大 解读下这句吗?

提问者:丨Sunny 2017-03-21 15:25

个回答

  • _凉心丶_
    2017-04-07 15:07:12
    已采纳

    background-image: linear-gradient背景颜色的线性渐变。。。从哪个方向开始渐变,渐变的起点,渐变的终点,各个渐变所要渐变的大小。

  • 慕仔4109264
    2017-12-22 06:43:49

    个人理解是从左下角到右上角方向的一个线性渐变,0-25%,75%-100%的位置都是#478480颜色,其余位置是透明,然后设置一个合适的大小和背景色,加上background-image默认是重复铺满的,所以形成了背景效果。个人不理解的是background-position:0 0,30px 30px;什么意思。

  • 三层楼
    2017-08-18 16:53:12

    linear-gradient表示线性渐变,45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480
    依次表示渐变角度,渐变颜色,渐变透明度,渐变透明度,渐变颜色,最终颜色

  • menglin
    2017-03-26 17:21:01

    背景图片变换