python风车代码_css实现动态风车

html>

.main{

position: relative;

}

.main:hover{

}

@-webkit-keyframes dh{

0%{transform: rotate(0deg);}

100%{transform: rotate(360deg);}

}

@-webkit-keyframes dh1{

0%{transform: rotate(180deg);}

50%{transform: rotate(360deg);}

100%{transform: rotate(540deg);}

}

@-webkit-keyframes dh2{

0%{transform: rotate(90deg);}

100%{transform: rotate(450deg);}

}

@-webkit-keyframes dh3{

0%{transform: rotate(270deg);}

100%{transform: rotate(630deg);}

}

#boder_arrow{

border-width:100px 100px 120px 160px;

border-color:#f3ff66 #fff #fff #fff;

border-style:solid;

width:0px;

height:0px;

position: absolute;

top: 250px;

left: 10p