2，文件引用：,
<style type="text/css">
body{background: #EF7148}
img{cursor:pointer-webkit-animation: scaleout 1.3s infinite ease-in-outanimation: scaleout 1.3s infinite ease-in-out}
@-webkit-keyframes scaleout {
0% { -webkit-transform: scale(1.0) }
100% {
-webkit-transform: scale(1.1)
opacity: 0
}
}
@keyframes scaleout {
0% {
transform: scale(1.0)
-webkit-transform: scale(1.0)
} 100% {
transform: scale(1.1)
-webkit-transform: scale(1.1)
opacity: 0
}
}
</style>
百度这个网站：css3maker 进去点 text shadow 这个栏目，在线生成。(用Fiirefox或ch、op浏览器打开，不支持低版本ie)
网上教程也多，就是几行简单代码而已，最好是你自己看懂了教程手写。
这是css3的效果，在ie8以下应该都没效果。
box-shadow:none|shadow
它的值包括 6 个参数：阴影类型，X轴位移，Y轴位移，阴影大小，阴影扩展和阴影颜色。此 6 个参数可以有选择地省略。
浏览器兼容性
Webkit支持：-webkit-box-shadow
Mozilla支持：-moz-box-shadow
IE9支持：box-shadow
IE8及以前：不支持
实用实例
简单效果:
img{
height:300px
-moz-box-shadow:5px 5px
-webkit-box-shadow:5px 5px
box-shadow:5px 5px
}
虚阴影效果:
img{
height:300px
-moz-box-shadow:2px 2px 10px #06c
-webkit-box-shadow:2px 2px 10px #06c
box-shadow:2px 2px 10px #06c
}
渐变阴影效果:
img{
height:300px
-moz-box-shadow:0 0 10px #06c
-webkit-box-shadow:0 0 10px #06c
box-shadow:0 0 10px #06c
}
带光晕效果
img{
height:300px
-moz-box-shadow:0 0 10px 10px #06c
-webkit-box-shadow:0 0 10px 10px #06c
box-shadow:0 0 10px 10px #06c
}
内阴影效果
img{
height:300px
-moz-box-shadow:inset 5px 5px 10px #06c
-webkit-box-shadow: inset 5px 5px 10px #06c
box-shadow: inset 5px 5px 10px #06c
}
彩色阴影
img{
height:300px
-moz-box-shadow:0 0 10px red,
2px 2px 10px 10px yellow,
4px 4px 12px 12px green
-webkit-box-shadow:0 0 10px red,
2px 2px 10px 10px yellow,
4px 4px 12px 12px green
box-shadow:0 0 10px red,
2px 2px 10px 10px yellow,
4px 4px 12px 12px green
}
