随笔分类 -  ___css

摘要：webkit内核的safari、 Chrome的Linear Gradients (线性渐变)的几点说明及演示：webkit内核的safari、 Chrome的Linear Gradients (线性渐变) 基本语法：background-image:-webkit-gradient(type,x1 y1, x2 y2, from(开始颜色值),to(结束颜色值), [color-stop(偏移量小数,停靠颜色值),...] );-webkit-gradient是background的一个属性值；webkit内核的Linear Gradients (线性渐变) 第一组参数type（类型）为 l 阅读全文

摘要：Firefox的Linear Gradients (线性渐变)的几点说明：Firefox的Linear Gradients (线性渐变) 基本语法：background-image:-moz-linear-gradient([<point> | | <angle>，] , 开始颜色值,结束颜色值, [(停靠颜色值,偏移量百分数),...] );-moz-linear-gradient是background的一个属性值；第一组参数<角度位置>为非常灵活，他的基本组成点位 <point> （ 渐变的出发点 ）和角度； <point> 渐变 阅读全文

摘要：CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。1. box-shadow属性的浏览器兼容性先来看一个这个属性的浏览器兼容性:Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新的10.53版本，已经支持box-shadow属性。firefox通过私有属性-moz-box-shadow支持。Safari和Chrome通过私有属性-webkit-box-shadow支持。所有IE不支持(不知道IE9是否有所改善)。别急，我们将在文章最后会介绍一些针对IE的Hack。2. box-shadow属性的语法box 阅读全文