CSS3 外发光 渐变色
2016-01-14 11:23
369 查看
渐变色 --线性渐变 linear-gradient
#bg { width: 100%; background: -webkit-linear-gradient(#9f1c65, #d89068,#7d1467,#ffe66c); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#9f1c65, #d89068,#7d1467,#ffe66c); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#9f1c65, #d89068,#7d1467,#ffe66c); /* Firefox 3.6 - 15 */ background: linear-gradient(#9f1c65, #d89068,#7d1467,#ffe66c); /* 标准的语法 */ }
外发光
box-shadow
@-webkit-keyframes
@-webkit-keyframes shineRed { from { -webkit-box-shadow: 0 0 5px #bbb; } 50% { -webkit-box-shadow: 0 0 10px red; } to { -webkit-box-shadow: 0 0 5px #bbb; } } .shine_red { -webkit-animation-name: shineRed; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; } <div class="shine_red" style="width:500px; height:100px; margin:0 auto"></div>
相关文章推荐
- [转载]CSS 中为了兼容浏览器的前缀
- CSS3 “搜索中...”“检测中...”效果
- CSS的组成,三种样式(内联式,嵌入式,外部式),优先级
- CSS 一些基础知识(优先级、行内元素的一些属性、font-size单位) 怎样不加载图片
- css改变下拉列表select框的默认样式
- HTML-CSS设置超链接颜色字体
- css命名规范
- Web Essentials之HTML和CSS操作技巧
- CSS 字体
- CSS 链接
- CSS 列表
- CSS 表格
- CSS 框模型
- 【HTML/XML 7】CSS层叠样式表
- 【HTML/XML 7】CSS层叠样式表
- 响应式web设计与CSS3媒体查询
- 3.css制作面包屑
- 用JS打开网页时自动更改css样式,可用于处理浏览器兼容
- css选择器优先级
- 2016年1月13日