IE过渡滤镜及CSS3的rgba属性制作背景色透明效果
实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性。输入十六进制的颜色值以及透明度,自动在IE的过http://www.hoopen.net/blog/?p=172渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算。1.样式... « 阅读全文
网页设计中CSS的各种滤镜都有哪些?
网页设计中CSS的各种滤镜都有哪些?Alpha滤镜:把一个目标元素与背景混合,可以指定数值来控制混合程度,通俗地说就是一个元素的透明度。BlendTrans滤镜:可以长生一种淡入淡出的效果。RevealTrans滤镜:可产生23种动态效果,用来进行元素显示的动态切换。Blur滤镜:产生模糊效果。Ch... « 阅读全文
儿童影楼化妆造型 css滤镜图片倒影(测试环境IE 7.0)
<imgsrc="logo200803.gif"width="240"height="31"border="0">,B超,儿童影楼化妆造型<divstyle="height:15px;"><imgsrc="logo200803.gif"style="filter:FlipV()Wave(freq=0,儿童影楼化妆造型,strength=5,lightStrength=0,phase=12)Alpha(opacity=25);"/><... « 阅读全文
css 原理及其优化
浏览器是如何渲染页面和加载页面为什么有些网站打开的时候会加载会很慢,而且是整个页面同时显示的,而有些网站是从顶到下逐步显示出来的?要搞懂这个可以先从下面这个常规流程开始:浏览器下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。在渲染到页面的某一部分时,其上面的所有部分都已经下载完... « 阅读全文
CSS滤镜描边加背景
<style>td{width:expression(this.childNodes[0].clientWidth + "px");height:expression(this.childNodes[0].clientHeight + "px");background:url("http://desk.blueidea.com/DESK/16001200BZ/VectorAutumn/225/VectorAutumn014.png") repeat-x;width:225px;hei... « 阅读全文
CSS滤镜技巧 之 网页变黑白
为表达全国各族人民对甘肃舟曲特大山洪泥石流遇难同胞的深切哀悼,国务院决定,2010年8月15日举行全国哀悼活动,全国和驻外使领馆下半旗志哀,停止公共娱乐活动。很多网站特别是国内大中型网站,都变成黑白的样式风格来表达哀思。很多的个人博客也把标志或者头像改为黑白,有些图片是用PS处理成黑白。百谷虎了一下... « 阅读全文
微软CSS滤镜调配器(2)
*************************下接 内容继续复制 ****************************function fadeTransChange(){ var controlObject = getControlObject("fadeOverlapList"); var overlap = controlObject.options[controlObject.selectedIndex].value; cmd = "imgObj... « 阅读全文
CSS做Alpha滤镜效果(图片)
1、在一个网页里插入三张图片,如下图:2、建立三个CSS样式,分别命名为Alpha1、Alpha2、Alpha3,在定义在当中选中只对该文档,在CSS样式定义时选中扩展选项,再单击右边的“过滤器”,其中有关6个选项及选项的参数。3、分别设置障碍、2、3的参数为Alpha(Opacity=0%, FinishOpacity=0, Style=1)Alpha(Opacity=0%, FinishOpacity=0, Style=2)Alpha(Opacity=0%, FinishOpac... « 阅读全文
CSS滤镜filter常用属性和使用方法
滤镜说明: Alpha:设置透明层次. blur:创建高速度移动效果,即模糊效果. Chroma:制作专用颜色透明. DropShadow:创建对象的固定影子. FlipH:创建水平镜像图片. FlipV:创建垂直镜像图片. glow:加光辉在附近对象的边外. gray:把图片灰度化... « 阅读全文
CSS用滤镜打造的椭圆型导航菜单
<html><head><title>-codefans.net</title><script language="javascript" for="menu" event="onmouseover">this.style.background="#0066CC";</script><script language="javascript" for="menu" event="onmousedown">... « 阅读全文

