css3 渐变出现
导读:CSS3渐变是一种能够制作出流畅变化颜色的技术,CSS3渐变有以下两种:linear-gradient(线性渐变):background: linear-gradient(direction, color-stop1, color-stop...
CSS3渐变是一种能够制作出流畅变化颜色的技术,CSS3渐变有以下两种:
linear-gradient(线性渐变):background: linear-gradient(direction, color-stop1, color-stop2, ..., color-stopN);radial-gradient(放射性渐变):background: radial-gradient(center, shape size, start-color, ..., last-color);
linear-gradient常用的属性direction控制颜色渐变方向,有to right(从左向右),to bottom(从上往下),也可以自定义;color-stop控制不同颜色的停止点位置,可以按照百分数或者像素来区分不同的颜色段,如下:
background: linear-gradient(to right, red 0%,blue 50%,green 100%);
radial-gradient常用的属性有center控制渐变的圆心位置,可以像素或百分比定位;shape controls决定渐变的形状,包括circle,ellipse等不同形状;size控制形状的大小和颜色渐变的范围,包括contain, cover等自适应或固定尺寸。
总的来说,CSS3渐变技术能够让网页的颜色更多变,更加丰富多彩。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css3 渐变出现
本文地址: https://pptw.com/jishu/568246.html
