background: linear-gradient(to right, #000000, #ffffff);
代码中的linear-gradient,意味着大家要使用线性渐变。接着,to right 表示渐变方向是从左到右,如果想要从右到左可以用to left。后面的两个颜色,#000000和#ffffff表示的是颜色的值。这个渐变的效果就是从黑色到白色。
如果大家要实现红色到蓝色的渐变,那么代码就应该是这样的:
background: linear-gradient(to right, #ff0000, #0000ff);
同样的,大家可以使用多个颜色值来实现更加复杂的渐变效果。
background: linear-gradient(to right, #ff0000, #ffff00, #0000ff);
以上代码实现的渐变效果是从红色到黄色到蓝色。
在实际运用中,大家可以将渐变应用到各种元素的背景,如
、、、
在css中root选择器定义的样式,css的类选择器用什么属性引用 - CSS - 前端,css中文字不能居中 | 在css中root选择器定义的样式,css的类选择器用什么属性引用 - CSS - 前端,css中文字不能居中 ...