济南建站教程

济南网站建设中CSS3中圆角边框渐变的方法

作者:admin 分类:济南建站教程 2017-05-29 09:41:45 我要评论(0)

CSS3中圆角边框渐变的方法:可选参数有两种方法-和济南网站建设小编一起来学习下

  1、设置旋转视点,0度代表水平从左到右,90度即是从上到下啦,从0度开端逆时针变换。

  2、运用关键词,left代表从左到右,top代表从上到下,同理right即是从右到左,lefttop-从坐上到右下,同理leftbottom,righttop,rightbottom。,中间色彩与中间色彩方位为可选参数。

  今日济南建站小编就给我们共享一下css3完成与那叫边框突变,首先先建一个button,

  buttonclass=border/button

  先把代码写出来不要思考浏览器兼容问题,

  -webkit-gradient(linear,00,0100%,from(开始色彩,to(完毕色彩));/*forSafari4+,Chrome2+*/-webkit-linear-gradient(开始色彩,完毕色彩);/*forSafari5.1+,Chrome10+*/

-moz-linear-gradient(开始色彩,完毕色彩);/*forfirefox*/

-o-linear-gradient(开始色彩,完毕色彩);/*Opera*/

linear-gradient(开始色彩,完毕色彩);/*规范特点*/

关于IE来说是个麻烦事,

Filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’开始色彩’,endColorstr=”完毕色彩”);/*IE6,IE7*/

-ms-linear-gradient(开始色彩,完毕色彩);/*IE8*/

  .border{width:500px;height:300px;border-radius:10%;background:;background:-webkit-linear-gradient(left,,30%,);background:-moz-linear-gradient(left,,30%,);background:filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=,endColorstr=);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=,endColorstr=);background:linear-gradient(lleft,,30%,;float:left;}.tit1{font-size:3em;font-weight:bold;color:#f00;}

  


1.本站文章源自网络,大部分原创内容。如有发现侵权等问题,请联系删除,谢谢。
2.更多原创内容源自济南网站建设公司
        3.济南网站建设公司提供:济南建设济南手机网站制作济南网站开发济南网站优化等服务

相关文章
网友点评

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新留言
    标签列表