渐变形式:有两种方式选择参数-
1.设置旋转角度。0度表示从左到右水平,90度表示从上到下,从0度逆时针变化。
2.使用关键词,左代表从左到右,上代表从上到下,右代表从右到左,从左到上-从坐到右到下,左下、右上和右下是一样的。,中间色和中间色位置是可选参数。
今天,文慧·边肖将与大家分享css3的实现和边界渐变。首先,建立一个按钮。
先写代码,不要考虑浏览器兼容性,
-WebKit-渐变(线性,0 0,0 100%,从(开始颜色,到));-webkit-linear-gradient(开始颜色,结束颜色);
-moz-线性-渐变(开始颜色,结束颜色);
-o-线性-渐变(开始颜色,结束颜色);
线性渐变(开始颜色,结束颜色);
对IE来说是个麻烦,
filter:progid:dximagetransform . Microsoft . gradient(start color str = ' start color ',end color str = ' end color ");
-ms-线性-渐变(开始颜色,结束颜色);
。边框{宽度:500px高度:300px边界半径:10%;背景:# ade691背景:-webkit-linear-gradient(左,#88cfc3,#329e8c 30%,# 096 e5d);背景:-moz-线性梯度(左,#88cfc3,#329e8c 30%,# 096 e5d);背景:filter: progid:DXImageTransform。Microsoft . gradient(startColorstr = ' # 88 cf C3 ',endColorstr = ' # 096 e5d ');-ms-filter:" progid:Dximagetransform。Microsoft . gradient(StartColorstr = ' # 88 cf C3 ',endColorstr = ' # 096 e5d ')";背景:线性梯度(lleft,#88cfc3,#329e8c 30%,# 096e5dfloat:左;} . tit1 { font-size:3em;字体粗细:粗体;颜色:# f00}
1.《css3圆角 css3实现圆角边框渐变》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《css3圆角 css3实现圆角边框渐变》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/caijing/844894.html