CSS3 SVG 构建的白炽灯悬停控制动效

使用SVG矢量图库和CSS3变换构建的白炽灯操控动画。

背景是直径方向的渐变。白炽灯初始状态是关闭的,鼠标悬停上去,灯泡被点亮,出现光晕的效果。


代码和在线演示:http://wow.techbrood.com/fiddle/836


还有一个增强的响应式版本,在区域缩小时,会自动转变为迷你灯泡:

http://wow.techbrood.com/fiddle/881


by iefreer

你可能感兴趣的:(svg,css3,灯泡,矢量图)