|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
假如天真使用CSS各类滤镜的特性并加以组合,我们能够失掉很多意想不到的效果。这是一些效果树模,供列位参考。西部电子
用blur滤镜做出的效果,代码以下:
FILTER:blur(direction=135,strength=8)西部电子
用dropshadow滤镜做出的效果,代码以下:
FILTER:dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)西部电子
用glow滤镜做出的效果,代码以下:
FILTER:glow(color=#B4BBCF,strength=5)西部电子
这个效果用到了两种滤镜:shadow和alpha,代码以下:
FILTER:alpha(opacity=100,finishiopacity=0,style=1)
shadow(color=#8C96B5,direction=135)西部电子
这个效果也用到两个滤镜mask和shadow,代码以下:
FILTER:mask(color=#E1E4EC)
shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)
注重:mask的色彩要和网页背景致分歧,字体的色彩由shadow决意。西部电子
假如说下面的效果是阳文的话,那末这个效果的应当算是阴文了,用两个滤镜完成mask和dropshadow,注重mask的色彩要和网页背景致分歧,大概把mask和chroma成对利用,也可到达一样效果。代码以下:
FILTER:mask(color=#E1E4EC)
dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)
chroma(color=#E1E4EC)"西部电子
用glow滤镜能够做空心字,办法是将字体色彩设置为背景致,再将glow滤镜的strenght的值设置为1或2便可。这个效果的代码以下:
FILTER:glow(color=#8C96B5,strength=2)
shadow(color=#B4BBCF,direction=135)西部电子
西部电子
西部电子假如背景接纳图片,为了能到达中意的效果必要将mask和chroma组合利用,如许能使字体感到是通明的,让背景显露出来。
下面列出的效果前者的代码是:
FILTER:mask(color=#E1E4EC)
shadow(color=#B4BBCF,direction=135)
chroma(color=#E1E4EC)
注重:字体的色彩由shadow决意,mask和chroma的色彩要不异,色采恣意。
两头的代码是:
FILTER:glow(strength=1)
mask(color=#B4BBCF)
chroma(color=#B4BBCF)
注重:mask和chroma的色彩不异,这个色彩决意了字体的色彩。
后者的代码是:
FILTER:mask(color=#E1E4EC)
dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)
chroma(color=#E1E4EC)
注重:mask和chroma的色彩不异,色采由dropshadow决意
那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处? |
|