2021-11-17webday3

今天是web前端教学实习第三天。

所学内容:

1. shadow 阴影

阴影分为盒阴影和文字阴影

盒阴影box-shadow

盒阴影的四个值:横向偏移量  纵向偏移量  模糊距离  阴影颜色

如

box-shadow: 100px 10px 50px greenyellow;

文字阴影 text-shadow 值同盒阴影

当使用多重阴影时,使用逗号隔开

2. gradient 渐变

渐变分为线性渐变和径向渐变

渐变不是属性,是值,作为图片使用

线性渐变 linear-gradient(渐变方向或者角度,颜色1,颜色2,....)

如

background-image: -webkit-linear-gradient(45deg,gold,cyan,yellowgreen);

当显示有问题时需要改为-webkit-linear-gradient

径向渐变radial-gradient 用法同线性渐变