美化你空间的文字:20种CSS字体镜像特效

在网上看到一些文字镜像特效,忽然觉得自己空间的文字过于单调,我倒不急于优化,先整理一些CSS文字镜像特效,因为原来的没有CSS代码,为了方便大家用到自己的空间主页,我将其CSS代码整理出来。现在大家就可以将其添加到自己的CSS中美化空间了。
效果如下:

20种CSS字体镜像特效 20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

芳20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效20种CSS字体镜像特效   芳心如愿

对应的CSS代码是:

1.
filter:glow(color=red,strength=10);height:1
2.
filter:blur(add=t,direction=135,strength=10);height:1
3.
filter:progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135) align:center
    
4.
filter:progid:DXImageTransform.Microsoft.wave(Strength=3) align:center
5.
filter:progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5) align:center
       
6.
filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5);
             height:1
7.
filter:shadow(color=blue);height:1
8.
filter:dropshadow(color=maroon,positive=1)
9.
filter:dropshadow(color=maroon,positive=0);
10.
filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5);
height:1;font-size:20pt;font-family:impact;background-color:blue
       align:center
11.
filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5);
height:1;font-family:impact;font-size:20pt;background-color:blue
       align:center
12.
FILTER: mask(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)" align:center
13.
FILTER: alpha(opacity=100,finishiopacity=0,style=1)shadow(color=blue,direction=135) align:center
14.
FILTER: mask(color=#E1E4EC)dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)chroma(color=#E1E4EC) align:center
15.
FILTER: glow(color=#8C96B5,strength=2)shadow(color=#B4BBCF,direction=135) align:center
16.
FILTER: mask(color=#E1E4EC)shadow(color=#B4BBCF,direction=135)chroma(color=#E1E4EC) align:center
17.
FILTER: glow(strength=1)mask(color=#B4BBCF)chroma(color=#B4BBCF) align:center
18.

filter:fliph
19.
filter:flipv
20.
FILTER: glow(strength=4)mask(color=#E1E4EC)

将代码加入到CSS中你想改变的字体属性{}中即可。这些代码你也可根据自己喜好自行修改。

时间: 2024-09-20 06:07:39

美化你空间的文字:20种CSS字体镜像特效的相关文章

20种PS调照片的方法

可以节省很多自己摸索的时间,直接站在巨人的肩膀上,学会让照片曾色不少. 照片名称:调出照片柔和的蓝黄色-简单方法 1.打开原图素材,按Ctrl + J把背景图层复制一层,点通道面板,选择蓝色通道,图像 > 应用图像,图层为背景,混合为正片叠底,不透明度50%,反相打钩, 2.回到图层面板,创建曲线调整图层,蓝通道:44,182,红通道:89,108 3.新建一个图层,填充黑色,图层混合模式为正片叠底,不透明度为60%,选择椭圆选框工具选区中间部分,按Ctrl + Alt + D羽化,数值为70,

Photoshop字体加粗的20种方法

  Photoshop字体加粗的20种方法          PS是一个神奇的软件,简单的字体加粗,可以通过无数种方法达到目标,由此可见PS的神奇与灵活.网络上只能找到几种方法,此贴独创绝大部分[有几条是最基本的谁都会也谈不上原创],希望此贴能够开拓各位吧友的思路,也欢迎吧友们继续补充. 1.在字体的设置这里,选择浑厚或平滑. 介绍一下这里:这里是消除字体锯齿方式的设置,如果选无的话文字锯齿会比较明显. 而浑厚.平滑是其中的选项,选择以后文字会变粗一点,但不是很明显.说出这个主要是拓展大家的思路

常用的10种CSS BUG解决方法与技巧

最常用的10种CSS BUG解决方法与技巧-浏览器兼容教程 CSS bug是布局中最头疼的问题.我们需要兼顾各种浏览器,以期待获得一致的效果. 非常遗憾的是各厂商之间的竞争导致很多问题的存在.而IE6与IE7在很多问题上也存在着很大的差别. 轻松的解决CSS bug是我们必须掌握的技能.现在整理出最常用的12种CSS BUG解决方法以及CSS BUG类的小技巧. 希望对您的学习.工作有所帮助,如果您依然有疑问, 一. 针对浏览器的选择器 这些选择器在你需要针对某款浏览器进行css设计时将非常有用

javascript创建函数的20种方式汇总

       这篇文章主要介绍了javascript创建函数的20种方式汇总的相关资料,需要的朋友可以参考下             工作中常常会创建一个函数来解决一些需求问题,以下是个人在工作中总结出来的创建函数20种方式,你知道多少? ? 1 2 3 4 5 6 7 8 function sayHello(){ console.log('hello'); } function leave(){ console.log('goodbye'); } //test sayHello(); 为完成需

程序员和设计师必备的20个CSS工具

CSS工具是现今网站开发人员和设计人员使用的最必要和最重要的工具之一.这是因为这些CSS工具,可以为开发人员和设计人员简化手头的工作,大大 减少web开发和设计工作所需的时间.而专业人员还可以在很短的时间跨度内,用一种更高效的执行方式,完成更多的工作.可惜的是,并非所有这些工具都是众 所周知的.现在市场上有很多CSS工具.每一种工具都有着自己特定的功能. 其中最知名的CSS布局工具是Templatr.这工具可以帮助你创建网站,即使你对CSS和HTML所知甚少.有了它,想出网站如何布局就是几秒 钟

最常用的12种CSS BUG解决方法与技巧

最常用的12种CSS BUG解决方法与技巧 一. 针对浏览器的选择器 这些选择器在你需要针对某款浏览器进行css设计时将非常有用. IE6及其更低版本 * html {} IE7及其更低版本 *:first-child+html {} * html {} 仅针对IE7 *:first-child+html {} IE7和当代浏览器 html>body{} 仅当代浏览器(IE7不适用) html>/**/body{} Opera9及其更低版本 html:first-child {} Safari

javascript创建函数的20种方式汇总_javascript技巧

工作中常常会创建一个函数来解决一些需求问题,以下是个人在工作中总结出来的创建函数20种方式,你知道多少? function sayHello(){ console.log('hello'); } function leave(){ console.log('goodbye'); } //test sayHello(); 为完成需求,赶紧声明一个函数吧 var sayHello = function(){ console.log('hello'); } var leave = function()

20种看ASP程序源码的方法及工具

程序 众所周知windows平台漏洞百出,补丁一个接一个,但总是补也补不净.我把我所知道的20种看asp源码的方法总结了一下,并且用c#写了个应用程序来扫描这些漏洞,发现虽然大部分的方法已经不起做用,但还是有一些漏网之鱼的:),结果这两天真看到不少站的源代码,包括数据库密码,如果用access的可以把库下载下来,而用sql server的如果不是用udl,dsn等来连接的话,也可以通过tcp/ip网络库连接到数据库,为所欲为呀.先面把这20种方法列在下面: . %81 ::DATA %2e %2

5种css写法比较

5种css写法比较,本文列出5种方法的优缺点,希望对大家有所帮助. 一.使用STYLE属性 将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如:   以下是代码片段: <td style="color:#c00; font-size:15px; line-height:18px;>   八十年代 </td>   这种方法优点:可灵巧应用样式於各标签中.方便于编写