热门游戏 | 境界死神激斗 | 太古神王2 | 列王的纷争 | 正义枪战 | 彩虹物语 | 驰骋三国 | 冒险王3 | 天龙3d | 流星群侠传 | 无双萌将 | 天龙八部 | 戳爆三国 |
---|
热血江湖是一款十分受欢迎的游戏,许多玩家不仅热衷于其中的角色操作和剧情设定,同时也十分注重游戏里面的时装穿搭。其中,热血江湖里面一些衣服发出的微弱光芒成为了玩家们讨论的热点话题。
在CSS中应用这个class名称,设置一些样式属性,就可以制作出炫酷的发光效果了:
毒8衣服发光
.shirt-glow {
height: 200px;
width: 200px;
background: url('../../img/shirt.png') no-repeat center center;
box-shadow: 0px 0px 10px #FFF, 0px 0px 20px #FFF, 0px 0px 30px #FFF, 0px 0px 40px #FFF, 0px 0px 50px #FFF;
animation: glows 2s ease-out infinite alternate;
-webkit-animation: glows 2s ease-out infinite alternate;
@keyframes glows {
手游衣服发光
box-shadow: 0px 0px 10px #FF6A00, 0px 0px 20px #FF6A00, 0px 0px 30px #FF6A00, 0px 0px 40px #FF6A00, 0px 0px 50px #FF6A00;
box-shadow: 0px 0px 10px #FFF, 0px 0px 20px #FFF, 0px 0px 30px #FFF, 0px 0px 40px #FFF, 0px 0px 50px #FFF;
@-webkit-keyframes glows {
box-shadow: 0px 0px 10px #FF6A00, 0px 0px 20px #FF6A00, 0px 0px 30px #FF6A00, 0px 0px 40px #FF6A00, 0px 0px 50px #FF6A00;
box-shadow: 0px 0px 10px #FFF, 0px 0px 20px #FFF, 0px 0px 30px #FFF, 0px 0px 40px #FFF, 0px 0px 50px #FFF;
在以上代码中,我们首先设置了背景图片(background)以及box-shadow属性,制作出了发光的效果。然后,通过animation属性让整个图片发生微小的变化,形成一个闪烁的效果。
最终的效果非常好看,玩家一旦穿上这种发光的热血江湖衣服,就能够在游戏中获得更多的欣赏和关注了。
总结一下,热血江湖中的发光衣服背后其实是一种基于table表格和CSS动画实现的技术手段。相信本文的介绍能够让你更好地了解到这个有趣的技术过程。
衣服怎么发光