css3 实现水晶按钮
2015-12-25 14:49
531 查看
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
这个是中间有明显过渡痕迹的,如果需要逐渐过渡的
用
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#D7D7D9));
详情可参考http://hellohappy.org/css3-buttons/
http://www.cnblogs.com/lhb25/p/css3-animated-button-tutorials.html
这个是中间有明显过渡痕迹的,如果需要逐渐过渡的
用
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#D7D7D9));
详情可参考http://hellohappy.org/css3-buttons/
http://www.cnblogs.com/lhb25/p/css3-animated-button-tutorials.html
相关文章推荐
- css:颜色名和十六进制数值
- css笔记
- css 基础
- CSS三角形广告文字
- 设置文本框样式和修改按钮样式
- 使用CSS实现中间镂空的图片遮罩效果
- 全局css样式
- I do not want to inherit the child opacity from the parent in CSS(不想让子元素继承父元素的透明度)
- CSS中的几种图片覆盖文本的方法
- css控制Button 按钮的点击时候出现蓝色边框
- css控制Button 按钮的点击时候出现蓝色边框
- CSS的特性
- 【转】CSS3的REM设置字体大小
- 对图片进行各种样式裁对图片进行各种样式裁剪:圆形、星形、心形、花瓣形等剪:圆形、星形、心形、花瓣形等--第三方开源--CustomShapeImageView
- MsgBox图标样式
- js+css中的clip进行的简单的缩略图裁剪
- Css3 过渡(Transition)特效回调函数
- 拒绝IE8-,CSS3 transform rotate旋转动画效果(支持IE9+/chrome/firefox)
- 转:css:Position
- Css之中英文左右(两端)对齐