搜索一下,你就知道

< 返回
当前位置:
打印

CSS-自定义渐变背景

目录

背景效果

[code]

.custombg {
background: #f7ca65;
background: -moz-linear-gradient(-45deg,#f7ca65 0%,#f7ca65 25%,#f1c458 25.1%,#f1c458 79.8%,#f7ca65 80%,#f7ca65 100%);
background: -webkit-linear-gradient(
-45deg
,#f7ca65 0%,#f7ca65 25%,#f1c458 25.1%,#f1c458 79.8%,#f7ca65 80%,#f7ca65 100%);
background: linear-gradient(
135deg
,#f7ca65 0%,#f7ca65 25%,#f1c458 25.1%,#f1c458 79.8%,#f7ca65 80%,#f7ca65 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#f1c458′,endColorstr=’#f1c458′,GradientType=1 );
}

&nbsp;

[/code]

背景效果

[code]

.custombg2 {
background: -webkit-linear-gradient(
45deg
,#00bfff 0,#0888cf 15%,navy 100%);
background: -o-linear-gradient(45deg,#00bfff 0,#0888cf 15%,navy 100%);
background: linear-gradient(
45deg
,#00bfff 0,#0888cf 15%,navy 100%);
}
[/code]

边框多颜色

[code]

border-top: 5px solid;
border-image: linear-gradient(to right, grey 25%, yellow 25%, yellow 50%,red 50%, red 75%, teal 75%) 5;

[/code]

登录

还没有账户?

开始输入你要找的文章。
微信

微信号:hackenwu

商店
0 项目 购物车