开关灯效果HTML,H5+CSS3打开关闭灯泡开关动画特效

H5+CSS3打开关闭灯泡开关动画特效

html, body {

font-family: Georgia, serif;

font-style: italic;

font-size: 4.2vmin;

line-height: 4.7vmin;

color: rgba(255,255,255,0.6);

margin: 0;

padding: 0;

height: 100%;

background: rgba(66,39,71,1);

background: -moz-linear-gradient(top, rgba(66,39,71,1) 0%, rgba(43,25,46,1) 73%, rgba(19,11,20,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66,39,71,1)), color-stop(73%, rgba(43,25,46,1)), color-stop(100%, rgba(19,11,20,1)));

background: -webkit-linear-gradient(top, rgba(66,39,71,1) 0%, rgba(43,25,46,1) 73%, rgba(19,11,20,1) 100%);

background: -o-linear-gradient(top, rgba(66,39,71,1) 0%, rgba(43,25,46,1) 73%, rgba(19,11,20,1) 100%);

background: -ms-linear-gradient(top, rgba(66,39,71,1) 0%, rgba(43,25,46,1) 73%, rgba(19,11,20,1) 100%);

background: linear-gradient(to bottom, rgba(66,39,71,1) 0%, rgba(43,25,46,1) 73%, rgba(19,11,20,1) 100%);

}

a {

color: rgba(255,255,255,0.6);

}

#lampadario {

position: fixed;

left: 50%;

top: 0;

}

CSS3打开关闭灯泡开关动画特效是一款很有创意纯CSS3制作的点亮关闭摇晃的灯泡动画代码。

申明：本站所有资源都是转载各大下载站，或由网友投稿发布，请自行检测软件的完整性，如有侵权请联系我们删除下架，联系方式：admin@php.cn