这是一款简单的纯CSS3图片和HTML元素发光特效。该特效可以在鼠标滑过PNG图片或HTML元素时,使它们产生漂亮的发光效果。应用范围可以是div盒子,文字,png图片,按钮和输入框等。
使用方法
在页面中引入glowing.css文件。
<script src="path/to/glowing.css"></script>
HTML结构
在你需要使用发光效果的元素上添加glowing class类,然后选择一种颜色,例如:
<img src="img/facebook.png" class="glowing darkblue"/>
可用的颜色class有:
redorangeyellowgreencyanlightbluebluedarkblueindigopurplemagentapink
另外,glowing.css还提供了下面几个class类来增强动画效果。
and;链接符,必须写。quickly:加快动画速度。rotating:旋转效果。zooming:缩放效果。disco:迪斯科效果。
glowing.css发光特效的github地址为:https://github.com/topex-psy/Glowing.css