css3怎么写光晕效果

html-css014

css3怎么写光晕效果,第1张

1， css3圆形光环闪烁效果。

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>

1、首先新建一个简单的html文件，如图所示。

2、然后根据自己的需要，简单的设置一下层宽高和图片样式。

3、新建一个用于局部模糊的层，利用绝对定位和z-index使它浮动在图片上面，效果如果所示。

4、然后细调css的样式使它达到自己想要的效果，比如想让中间的S模糊。

5、最后预览下如下图所示，就完成了。

这个小弟也没法说哪个最好，关键看你的个人喜好了。

CSS画面较之1.6进步较大，不过联网打的还没1.6多，因为没什么革命性的变化，仅仅是把盾去掉了。

AVA现在还没出，中文名叫战地之王，用的是UE引擎，较之CS画面可是甩开CS很远，具体情况出来正式版才知道，目前在测试阶段。光晕和光环是一个游戏，目前PC上有2了，如果你喜欢科幻背景的FPS或有些血腥的可以考虑。

使命召唤4是小弟最爱玩的游戏，建议你一定玩玩，单机通了之后建议你联网打，手感太好了，这游戏普及率不高，但联机对战个人认为有些地方已超越了CS，兄弟想下上这看看：http://www.verycd.com/topics/2739085/