css3 书页卷脚_纯css3写的仿真图书翻页效果

css3-book

}footer a{color:#000;text-decoration:none;

}footer a:hover{text-decoration:underline;

}@keyframes book{0% {transform:rotate(0deg);left:0px;}25%{transform:rotate(20deg);left:0px;}50%{transform:rotate(0deg);left:500px;}55%{transform:rotate(0deg);left:500px;}70%{transform:rotate(0deg);left:500px;background:#1ec7e6;}100%{transform:rotate(-360deg);left:0px;}}

@-webkit-keyframes book{0% {-webkit-transform:rotate(0deg);left:0px;}25%{-webkit-transform:rotate(20deg);left:0px;}50%{-webkit-transform:rotate(0deg);left:500px;}55%{-webkit-transform:rotate(0deg);left:500px;}70%{-webkit-transform:rotate(0deg);left:500px;background:#1ec7e6;}100%{-webkit-transform:rotate(-360deg);left:0px;}}

@-moz-keyframes book{0% {-moz-transform:rotate(0deg);left:0px;}25%{-moz-transform:rotate(20deg);left:0px;}50%{-moz-transform:rotate(0deg);left:500px;}55%{-moz-transform:rotate(0deg);left:500px;}70%{-moz-transform