如何用css实现一条直线渐变效果
来源:互联网 发布:网络上的白云先生是谁 编辑:程序博客网 时间:2024/05/20 23:03
#grad1 { background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59),#FFF); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59) ,#FFF); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right,rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59) ,#FFF); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59),#FFF); /* 标准的语法(必须放在最后) */ height: 6px;}
线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向;
径向渐变(Radial Gradients)- 由它们的中心定义
阅读全文
0 0
- 如何用css实现一条直线渐变效果
- 如何用css实现一条直线渐变效果
- 如何用CSS实现翻页效果?
- 如何用CSS实现翻页效果?
- 如何用CSS实现背景半透明效果
- css实现渐变效果
- 如何用CSS实现文字环绕图片的效果
- 如何用css画胡子-单标签实现胡子效果
- 如何用css实现网页footer的效果
- CSS实现文本渐变效果
- css渐变效果的实现
- css实现背景渐变效果
- div+css中一条直线和一条虚线的实现。
- css画圆, 如何用纯css实现一个动态画圆环效果
- 如何用css3实现风车效果
- 如何用Unity3D实现衍射效果
- CSS实现网页背景颜色渐变的效果。
- 用CSS滤镜实现颜色渐变效果
- 3 springboot 热部署问题
- css动画效果:鼠标移上去底部线条从中间往四周动画延伸
- 关于 10 个自增典型例题中例 7 的解释
- TitleButton
- HDU 1175 连连看 (DFS)
- 如何用css实现一条直线渐变效果
- sql注入攻击和防范
- 给出一个不多于5位的正整数,(1) 求出它是几位数(2) 分别打印出每一位数字(3) 按逆序打印出各位数字,例如原数为321,应输出123
- Spring集成junit测试
- css制作导航栏小三角形箭头 .clearance-product-title span.active:after ,.clearance-product-title span:hover:afte
- linux下的/dev/mem设备认识和使用
- go 初始化之路
- 面试题43:n个骰子的点数
- HDU 4635 Strongly connected (Tarjan缩点)