#test{animation-name:html_page;animation-duration:1500ms;animation-timing-function:ease-in-out;}
@keyframes html_page{
0% {transform-origin: 50% 50%;transform: rotate3d(0, 1, 0, 1440deg) rotateZ(45deg) scale(1);}
100% {transform: rotate3d(0, 1, 0, 0) rotateZ(0) scale(1);}
}
@keyframes mymove{
0%{
transform:rotateY(720deg);
}
80%{
transform:rotateY(720deg);
}
100%{
transform:rotateY(0deg);
}
}
var iframe = document.getElementById("test");
iframe.src = "https://www.cnblogs.com/caidupingblogs/";
//以下判断iframe是否加载完,并且隐藏滚动条
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
hideS();
document.getElementById("loading").style.display="none";
});
} else {
iframe.onload = function(){
hideS();
document.getElementById("loading").style.display="none";
};
}
效果显示如下: