今天总结一下文字特效text-shadow，如果用好它可以做出各种不一样的效果，下图是我做出的几种效果。

怎么样，看起来很不错吧，下面贴代码。



  1. /* css */
    2. 

  2. p{
    3. 

  3. width:300px;
    4. 

  4. margin:0 auto;
    5. 

  5. background:#e9e9e9;
    6. 

  6. padding:30px 0;
    7. 

  7. font-size:30px;
    8. 

  8. font-family:Arial, Helvetica, sans-serif;
    9. 

  9. font-weight:bold;
    10. 

  10. text-align:center;
    11. 

  11. }
    12. 

  12. .a1{
    13. 

  13. color:#fff;
    14. 

  14. text-shadow:0 0 5px #99FFFF,
    15. 

  15. 0 0 15px #99FFFF,
    16. 

  16. 0 0 25px #99FFFF;
    17. 

  17. }
    18. 

  18. .a2{
    19. 

  19. text-shadow:0 0 5px #30C;
    20. 

  20. color:transparent;
    21. 

  21. }
    22. 

  22. .a3{
    23. 

  23. text-shadow:-1px -1px 0 #fff, 1px 1px 0 #000;
    24. 

  24. }
    25. 

  25. .a4{
    26. 

  26. color:#fff;
    27. 

  27. text-shadow:1px 0px 0 #60F,
    28. 

  28. 0px 1px 0 #60F,
    29. 

  29. -1px 0px 0 #60F,
    30. 

  30. 0px -1px 0 #60F;
    31. 

  31. }
    32. 

  32. .a5{
    33. 

  33. color:#fff;
    34. 

  34. text-shadow:0px 1px 0 #000,
    35. 

  35. 0px 2px 0 #333,
    36. 

  36. 0px 3px 0 #060606,
    37. 

  37. 0px 4px 0 #020202,
    38. 

  38. 0px 5px 0 #252525,
    39. 

  39. 0px 6px 1px rgba(0,0,0,0.5),
    40. 

  40. 0px 5px 4px rgba(0,0,0,0.7),
    41. 

  41. 0px 2px 6px rgba(0,0,0,0.6);
    42. 

  42. }
    43. 

  43. <!--html-->
    44. 

  44. <div class="main">
    45. 

  45. <p class="a1">发光</p>
    46. 

  46. <p class="a2">模糊</p>
    47. 

  47. <p class="a3">浮雕</p>
    48. 

  48. <p class="a4">描边</p>
    49. 

  49. <p class="a5">立体</p>
    50. 

  50. </div>


文章来源：http://www.linzenews.com/program/web/2770.html
												


																

最新文章
	

    
						
  1. JS正则表达式（JavaScript regular expression）
		
    2. 
						
  2. hibernate主键生成策略
		
    3. 
						
  3. Runtime类
		
    4. 
						
  4. mysqli预处理和事务处理
		
    5. 
						
  5. Powershell的内置变量
		
    6. 
						
  6. Jenkins(二)
		
    7. 
						
  7. WPF遇到无边框的问题
		
    8. 
						
  8. NDK开发之获得域和方法描述符
		
    9. 
						
  9. 网页搜索功能 多表搜索sql
		
    10. 
						
  10. C++中的函数模板
		
    11. 
						
  11. Windows PHone 8 获取硬件信息
		
    12. 
						
  12. Cookie的作用以及封装的方法
		
    13. 
						
  13. MongoDB3.6之Replica Set初步体验
		
    14. 
						
  14. tkinter属性（总结）
		
    15. 
						
  15. ubuntu中使用docker部署.netcore2.1
		
    16. 
						
  16. urllib库的应用及简单爬虫的编写
		
    17. 
						
  17. Html5 标签一（文本）
		
    18. 
						
  18. Unity 协程停不了？
		
    19. 
						
  19. for循环实例
		
    20. 
						
  20. js--未来元素
		
    21. 
		

	


热门文章
	

    
									
  1. php    socket
			
    2. 
						
  2. Form personization(Form 个性化)报无权限
			
    3. 
						
  3. efwplus框架介绍
			
    4. 
						
  4. Maven Android使用一
			
    5. 
						
  5. Django Push HTTP Response to users
			
    6. 
						
  6. 如何克隆kvm虚拟机
			
    7. 
						
  7. Transactional replication 的Snapshot 文件在什么情况下会被清除
			
    8. 
						
  8. C# 只启动一个实例完全解决方案
			
    9. 
						
  9. 初涉SQL Server性能问题（4/4）：列出最耗资源的会话
			
    10. 
						
  10. 网狐6603手机棋牌游戏源码.rar
			
    11.