div{ width: 200px; height: 200px; background-image:repeating-linear-gradient(to right, red 10%, green 20%); }
渐变分为线性渐变和径向渐变两种;其中:线性渐变指的是从上/下/左/右/对角方向开始的渐变,径向渐变指的是从模块的中心到周边开始的渐变。
线性渐变:
div{ width: 200px; height: 200px; background-image:linear-gradient(#e66465, #9198e5); }
div{ width: 200px; height: 200px; background-image:linear-gradient(to right, red, yellow); }
div{ width: 200px; height: 200px; background-image:linear-gradient(to right bottom, red, green); }
div{ width: 200px; height: 200px; background-image:linear-gradient(-90deg, red,yellow); }
div{ width: 600px; height: 100px; background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); }
div{ width: 200px; height: 200px; background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); }
div{ width: 200px; height: 200px; background-image:repeating-linear-gradient(to right, red 10%, green 20%); }
径向渐变:
div{ width: 200px; height: 100px; background-image:radial-gradient(red, yellow,green); }
div{ width: 200px; height: 100px; background-image: radial-gradient(red 5%, yellow 15%, green 60%); }
div{ display: inline-block; width: 200px; height: 100px; background-image: radial-gradient(circle,red,yellow,green); }
div{ display: inline-block; width: 200px; height: 100px; background-image: radial-gradient(ellipse,red,yellow,green); }
div{ width: 200px; height: 200px; background-image:repeating-radial-gradient(red, yellow 10%, green 15%); }
.one{ width: 100px; height: 100px; background-image:radial-gradient(closest-side at 60% 55%, red, yellow, black); }
.two{ width: 100px; height: 100px; background-image:radial-gradient(farthest-side at 60% 55%, red, yellow, black); }
.three{ width: 100px; height: 100px; background-image:radial-gradient(closest-corner at 60% 55%, red, yellow, black); }
.four{ width: 100px; height: 100px; background-image:radial-gradient(farthest-corner at 60% 55%, red, yellow, black); }
刑事律师网站模板、响应式深灰色大气律师网站模板
¥1000.00律师网站模板、律师事务所网站模板【响应式,蓝色简洁大气风格】
¥1000.00简洁大气的响应式律师事务所网站设计模板,兼容移动端
¥50.00成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。
152-0832-9147
105991110
微信咨询