CSS3的世界就像是未知的海洋世界,经常会冒出一些气息古怪的玩意。就拿background
这个属性来说,普通的图片,背景色自然不在话下,还支持多个背景图片,支持gradient线性或径向渐变,支持自定义起始方位,支持sapce
和round
平铺,支持背景大小自定义,剪裁形式自定义。
昨天,在mozilla开发者官网又发现了一个很有爱的background
属性,叫做element
。可以把页面元素当作背景图片来使,真是很神奇很嘎嘎,这里就简单介绍下……
CSS3的世界就像是未知的海洋世界,经常会冒出一些气息古怪的玩意。就拿background
这个属性来说,普通的图片,背景色自然不在话下,还支持多个背景图片,支持gradient线性或径向渐变,支持自定义起始方位,支持sapce
和round
平铺,支持背景大小自定义,剪裁形式自定义。
昨天,在mozilla开发者官网又发现了一个很有爱的background
属性,叫做element
。可以把页面元素当作背景图片来使,真是很神奇很嘎嘎,这里就简单介绍下……
本文主要内容是展示于讲解一种不错UI效果的实现,这个UI效果就是photoshop的选区效果。提供截图展示,提供原理动画演示,相信您会很快了解这类效果的实现方法的。另外,文章的后半部分列举了此效果的一些应用,希望能对开通您的思维提供帮助,利用这种UI效果实现更多精湛的web设计。
本文最最重要的内容其实不是讲rgba,而是介绍如何在IE下也能实现半透明的背景效果。RGBA实现半透明背景很简单,直接一个半透明参数就可以了,但是IE浏览器下,就目前而言,需要使用滤镜,这个滤镜不是半透明滤镜,而是渐变滤镜,IE渐变滤镜支持半透明渐变背景色。
本文就将展示如何实现兼容性飞半透明背景效果,并列举一些实际应用。本文虽然截图不是很丰富,但是必要的都提供了,提供必要的代码展示与demo页面,希望能对您有所帮助。