浪漫星空-Gavin
*{
margin: 0;
padding: 0;
}
div{
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 100vh;
background:
url(http://img.mp.sohu/upload/20170813/c31d9ad6c0474116a462f6ab22c58eba_th.png);
background-size: cover;
}
span{
width: 9.6%;
height: 40px;
background-color: #fff;
box-shadow: 0 0 5px #cc00ff;
}
.fall{
animation: fall 3s forwards;
}
@keyframes fall{
100%{;transform: translateY(3000px) rotate(60deg);}
}
var oSpan = document.getElementsByTagName_r('span');
for(var i = 0; i < oSpan.length ; i++){
oSpan[i].onmouseover = function(){
this.className = 'fall';
this.style.backgroundColor = 'red';
}
}
更多推荐
哄女朋友开心的html源码,很好玩的代码,哄女票开心用
发布评论