当前位置：首页 -> 网页设计 -> HTML/CSS -> CSS制作11种风格不同的特效文字

CSS制作11种风格不同的特效文字

时间： 2021-07-31 作者：daque

..:: 巧用css创造艺术字 ::..

即使精巧运用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确定

CSS制作11种风格不同的特效文字

相关推荐

推荐下载

热门阅览

最新排行