这样的按钮网页透明效果是怎么做出来的!
应该是源码小程序开源源码用CSS的filter(滤镜效果)~
第一种:加入带有颜色的遮罩一样的半透明效果。
源代码为:
<STYLE type=text/css>
.bodyBg { background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',透明enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
</STYLE>
代码中:startColorstr=#AAFFFFFF 前面的AA是透明度,修改成FF是按钮fusion源码分享不透明,是源码tshark源码分析全透明,后面的透明 FFFFFF 是颜色,就是按钮说在上面蒙什么颜色的东西,正常使用这个效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 后面的源码=#AAFFFFFF数值要一样!
2.简易透明效果。
将上面的透明渲染方式改为:filter:alpha(opacity=),是按钮透明值,为不透明,源码0为全透明。透明强庄源码
3.其实CSS还有很多其他的按钮渲染方式~付上其他的一些渲染代码。
黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,源码发送源码被告direction=,strength=);
正弦波纹 filter: Wave(Add=0, Freq=, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=, Style=1, StartX=0, StartY=0, FinishX=, FinishY=);
放射透明 filter: Alpha(Opacity=, FinishOpacity=, Style=2, StartX=, StartY=, FinishX=, FinishY=);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=, finishOpacity=0,style=2
希望你能把自己的博客做得与众不同~
2024-12-29 03:45
2024-12-29 03:14
2024-12-29 02:28
2024-12-29 02:09
2024-12-29 01:52