哄女朋友开心的html源码,很好玩的代码，哄女票开心用

浪漫星空-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.com/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';

}

}