码迷,mamicode.com
首页 > Web开发 > 详细

css3渐变色

时间:2014-04-29 17:11:47      阅读:407      评论:0      收藏:0      [点我收藏+]

标签:blog   http   color   width   2014   re   

mamicode.com,码迷mamicode.com,码迷

 

 

Rounded Rectangle 3 { width: 92px; height: 66px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ff008a; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.75), inset 0 33px rgba(255,255,255,.21), inset 0 0 17px rgba(255,255,190,.41); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.75), inset 0 33px rgba(255,255,255,.21), inset 0 0 17px rgba(255,255,190,.41); box-shadow: 1px 1px 3px rgba(0,0,0,.75), inset 0 33px rgba(255,255,255,.21), inset 0 0 17px rgba(255,255,190,.41); border: solid 1px #ff5337; background-image: -webkit-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74)); background-image: -moz-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74)); background-image: -o-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74)); background-image: linear-gradient(to top, rgba(222,0,120,.74), rgba(255,150,0,.74)); }

 

mamicode.com,码迷

 

 

Rounded Rectangle 4 { width: 89px; height: 78px; -webkit-border-radius: 40px 10px 10px; -moz-border-radius: 40px 10px 10px; border-radius: 40px 10px 10px; background-color: #00d2ff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px rgba(255,255,255,.65), inset 0 0 25px rgba(255,255,190,.41); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px rgba(255,255,255,.65), inset 0 0 25px rgba(255,255,190,.41); box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px rgba(255,255,255,.65), inset 0 0 25px rgba(255,255,190,.41); border: solid 1px #07a1d3; background-image: -webkit-linear-gradient(bottom, rgba(0,126,255,.74), rgba(0,255,234,.74)); background-image: -moz-linear-gradient(bottom, rgba(0,126,255,.74), rgba(0,255,234,.74)); background-image: -o-linear-gradient(bottom, rgba(0,126,255,.74), rgba(0,255,234,.74)); background-image: linear-gradient(to top, rgba(0,126,255,.74), rgba(0,255,234,.74)); }

css3渐变色,码迷,mamicode.com

css3渐变色

标签:blog   http   color   width   2014   re   

原文地址:http://www.cnblogs.com/snowbaby-kang/p/3699778.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!