CSS设置字体发光或有阴影.

html-css011

CSS设置字体发光或有阴影.,第1张

在样式表中,定义一个

img

{filter:none}

这样,页面中的所有图片就不会有发光效果了!

把body的stlye属性删除掉,再把你要发光的字体加入到一个DIV

添加修改CSS代码如下 :

.logo-site,.logo-sites{position:relativefloat:leftmargin:18px 0 0 10pxwidth:220pxmax-height:50pxoverflow:hiddentransition-duration:.5s}

.logo-site img,.logo-sites img{width:220pxmax-height:50px}@media screen and (max-width:480px){

.logo-site,.logo-sites{width:140px}}@media screen and (min-width:900px){

.logo-site:before{content:""position:absoluteleft:-665pxtop:-460pxwidth:220pxheight:15pxbackground-color:rgba(255,255,255,.5)-webkit-transform:rotate(-45deg)-moz-transform:rotate(-45deg)-ms-transform:rotate(-45deg)-o-transform:rotate(-45deg)transform:rotate(-45deg)-webkit-animation:searchLights 1s ease-in 1s infinite-o-animation:searchLights 1s ease-in 1s infiniteanimation:searchLights 1s ease-in 1s infinite}}@-webkit-keyframes searchLights{0%{left:-100pxtop:0}to{left:120pxtop:100px}}@-o-keyframes searchLights{0%{left:-100pxtop:0}to{left:120pxtop:100px}}@-moz-keyframes searchLights{0%{left:-100pxtop:0}to{left:120pxtop:100px}}@keyframes searchLights{0%{left:-100pxtop:0}to{left:120pxtop:100px}}

.site-title{font-size:24pxfont-size:2.4remfont-weight:700padding:0 0 2px 0}

.site-name{display:none}@media screen and (min-width:900px){

.logo-site img,.logo-sites img{transition-duration:.8s}

操作流程

把css代码当中的logo-site改成你网站包围logo的css即可(f12键审核元素,即可找到你的logo的css元素)。找到你logo的css名称然后把上面的css代码修改成你的css名称,放入css代码当中即可(防止出错,记得备份!)

以上就是logo添加css扫光效果的方法,当然你也可以运用到其他的地方。

注意,有些模板CSS代码不相同,不能贸然的使用,可能会出现错误,新手不要尝试。

.空间制作目录

http://hi.baidu.com/huge/blog/item/9f35cffc6b46f382b901a001.html

1.百度官方空间CSS说明

http://hi.baidu.com/huge/blog/item/83420fb3541b3ba7d9335a36.html

2.最浅显易懂的百度CSS教程

http://hi.baidu.com/huge/blog/item/cc50ad4bb0560af082025c3c.html

3.你的博客值多少钱?

http://hi.baidu.com/huge/blog/item/9ac5277f0d2e760828388a71.html

4.如何提高百度空间访问量?

http://hi.baidu.com/huge/blog/item/f6d7b745c7dee526cffca3ef.html

5.给百度空间的几点改进建议

http://hi.baidu.com/huge/blog/item/8f56d6889045ff94a4c272e9.html

6.百度空间的网址功能连接项

http://hi.baidu.com/huge/blog/item/075f510f6c82512a6059f3eb.html

7.个人空间常用特殊符号介绍

http://hi.baidu.com/huge/blog/item/33cea3cc9ca30b1001e928ea.html

8.CSS代码图解(转)

http://hi.baidu.com/huge/blog/item/4a3f11df34acf31363279830.html

9.百度空间实用技巧集

http://hi.baidu.com/huge/blog/item/a1225c603a4f25df8db10d9e.html

10.百度空间个性代码

http://hi.baidu.com/huge/blog/item/d3089d16e09cf051f3de321d.html

11.利用重新定义标签,达到写文章时迅速排版的目的

http://hi.baidu.com/huge/blog/item/a42b9b50a3bb5362853524e9.html

12.边框风格属性(border-style)

http://hi.baidu.com/huge/blog/item/7d4a252d6d53ae34349bf7e9.html

13.百度空间布局剖析

http://hi.baidu.com/huge/blog/item/73151d95820284087bf480e9.html

14.浏览器窗口滚动条特效及添加滚动条的方法

http://hi.baidu.com/huge/blog/item/8f4bd109bea71a82d1581be8.html

15.教你怎样让背景自动更新,包括头背景

http://hi.baidu.com/huge/blog/item/383ed42a924cb29b033bf6e8.html

16.给超链接添加按钮效果

http://hi.baidu.com/huge/blog/item/1e5c78f09eddd4c37931aa9b.html

17.超链接效果修改--由浅入深

http://hi.baidu.com/huge/blog/item/ae0f8701daf301d6277fb5e8.html

18.插入图片位置的代码及效果演示图

http://hi.baidu.com/huge/blog/item/cc4bccbf7070fb0a18d81f60.html

19.使博客文章中链接在新窗口中打开

http://hi.baidu.com/huge/blog/item/c7a74aedac9df0d4b21cb166.html

20.文字发光方法!!!

http://hi.baidu.com/huge/blog/item/833c0708a3d56430e8248865.html

21.自制闪字空间名称

http://hi.baidu.com/huge/blog/item/26d49f3dcc37aa00baa1679a.html

22.各模块添加滚动条实例 + 参数详解

http://hi.baidu.com/huge/blog/item/1e285bb500016ece36d3ca9b.html

23.在百度空间里面添加自己的LOGO等等特效技巧

http://hi.baidu.com/huge/blog/item/1e285bb5000c6ece36d3ca9e.html

24.无缝调用不同模板CSS的办法

http://hi.baidu.com/huge/blog/item/1e285bb5000e6ece36d3ca9c.html

25.在文章中插入FLASH的制作过程

http://hi.baidu.com/huge/blog/item/8d419822c3b377f3d7cae2b5.html

26.百度空间添加FLASH播放器

http://hi.baidu.com/huge/blog/item/3b8459ee9a532ffbb2fb9536.html

27.教你如何制作个性化的标题栏

http://hi.baidu.com/huge/blog/item/2988033b928cb3ea15cecb29.html

28.文章列表板块文章区边框的设置

http://hi.baidu.com/huge/blog/item/b4643912ceb3c951f819b8d8.html

29.百度空间搜索模块css样式

http://hi.baidu.com/huge/blog/item/9a87a4c23b82ab1b0ef477cb.html

30.增加天气预报的方法

http://hi.baidu.com/huge/blog/item/56e8fbedc33f7a4f78f0550a.html

31.空间模块巧移动 + 文字快速插链接

http://hi.baidu.com/huge/blog/item/65e3f736c39700310a55a90c.html

32.在您的站点上添加 Windows Live Favourites 收藏入口

http://hi.baidu.com/huge/blog/item/cdb10cf4d7feb2ef7609d703.html

33.滚动条与无滚动条

http://hi.baidu.com/huge/blog/item/e6feab646a1c01f0f7365402.html

34.背景音乐——透明渐变播放器

http://hi.baidu.com/huge/blog/item/afa4d0a2e9a448adcbefd000.html

35.显示IP地址代码

http://hi.baidu.com/huge/blog/item/f443352a121369385343c107.html

36.如何做半透明的百度空间

http://hi.baidu.com/huge/blog/item/4a3f11df34a0f31363279804.html

37.CSS在线编辑器

http://hi.baidu.com/huge/blog/item/deddc3fdbc4feb45d6887d3b.html

38.做分割线的方法

http://hi.baidu.com/huge/blog/item/9b0b367a58ff33ed2e73b33b.html

39.教你如何装饰(发表评论版块空白区)

http://hi.baidu.com/huge/blog/item/1755f21f07431263f624e43a.html

40.装饰百空"发表评论"的"内容"部分

http://hi.baidu.com/huge/blog/item/4c1cd9f9d4915959252df2aa.html

41.给自己的主页加上漂亮的计数器

http://hi.baidu.com/huge/blog/item/c82ab600eaba4387e950cd39.html

42.在百度空间文章中设置滚动字

http://hi.baidu.com/huge/blog/item/3527349b1d187fb5c9eaf452.html

43.改变百度空间的模块宽度

http://hi.baidu.com/huge/blog/item/ae0aebc4701260a98226ac0f.html

44.CSS边框属性

http://hi.baidu.com/huge/blog/item/1430dd54398eb358d10906b7.html

45.网页滚动效果设置

http://hi.baidu.com/huge/blog/item/3b8459ee3c9175fbb3fb956b.html

46.一些CSS效果教程补遗

http://hi.baidu.com/huge/blog/item/a42b9b50a3725362853524a0.html

47.查看任何人CSS代码和音乐地址的最简单方法

http://hi.baidu.com/huge/blog/item/9791b90117916203738da571.html

48.访问量字体改变.........

http://hi.baidu.com/huge/blog/item/5625acaffedc37cc7cd92a71.html

49.关于百度空间新出的“最近访客”的css

http://hi.baidu.com/huge/blog/item/88d9d1c8b4845d177f3e6f71.html

50.打造个性鼠标效果

http://hi.baidu.com/huge/blog/item/d586d143172ace1273f05d11.html

51.百度空间设计的"终极技巧"

http://hi.baidu.com/huge/blog/item/cc4bccbfad9d560a19d81f54.html

52.留言板代码

http://hi.baidu.com/huge/blog/item/4e50fbf2c9084513b07ec549.html

53.关于百度空间实现各区域不同样式的定义

http://hi.baidu.com/huge/blog/item/b91c4bfb3ab0b465034f5615.html

54.实现百度官方空间的三列式布局

http://hi.baidu.com/huge/blog/item/47bca40f8ba0e4ecab64570b.html

55.致Baiduer CSS初学者

http://hi.baidu.com/huge/blog/item/bdff08fad765be9759ee9008.html

56.打造空间个性的图片效果

http://hi.baidu.com/huge/blog/item/6e9ea977ef48ac1ab051b90b.html

57.解决百度模板横向滚动条的问题

http://hi.baidu.com/huge/blog/item/8a38d40785adf9cc7b89470f.html

58.给空间加点可爱的符号

http://hi.baidu.com/huge/blog/item/7e3462d00c558e8ea0ec9c0f.html

59.百度空间竖状菜单效果代码

http://hi.baidu.com/huge/blog/item/ca3960593a63cb2b2834f006.html

60.分隔线素材大全及其它素材

http://hi.baidu.com/huge/blog/item/b677034fbca0e837afc3ab01.html

61.CSS鼠标样式大全http://myok.bokee.com/3429184.html