文字渐变&over-flow属性

.box{
width: 300px;

height: 300px;

background: linear-gradient(red,blue)

position渐变方向 color1 color2

不给方向 默认从上到下的顺序第一种颜色到第二种颜色依次渐变

linear-gradient(color1,color2,color3...) 

linear-gradient(to bottom right,red,blue) 从上到下 

to right从左到右

to right bottom 即从左上到右下 right和bottom的位置顺序不太重要

}

1.2径向渐变

.box {
            width: 300px;

            height: 300px;

            background: radial-gradient(red,yellow,blue); 

            只给颜色不给任何值，均匀得径向渐变，从内到外 

            background: radial-gradient(red 20%, yellow 30%, blue 20%); 

            根据值给颜色

            background: radial-gradient(circle, red 20%, yellow 30%, blue 20%);

            第一个值设置为circle，即使盒子不是圆，渐变效果也是一个圆

        }

添加文本阴影

h1{text-shadow: 10px 20px 5px red;  }

        text-shadow属性

        h-shadow