如何转换页面加载

Question

所以我能够在悬停时旋转图像，但我想让它在页面加载时旋转。我已经尝试了所有我能找到的尝试尝试但没有运气。从我从其他一些来源读到的内容中，我总结了以下内容，但我不知道并且是初学者。

.spin-logo {
  height: 450px;
  margin: 0 auto;
  -webkit-transform: rotateY(0deg)
  -webkit-transition: transform 5s ease 0s;
  -webkit-animation-name: spinner;
}

@-webkit-keyframes spinner {
  from {-webkit-transform: rotateY(0deg)}
  to {-webkit-transform: rotateY(360deg)}
}

Answer 1

你需要两件事

1. 将微调器html添加到您的页面
2. 页面加载后删除微调器

你可以使用javascript删除spiner或使用javascript淡出它

function RemoveSpinner() {
    $(".spin-logo").remove();
}

$(window).load(function() 
{
  RemoveSpinner();
});

或

 function FadeOutSpinner() {
        $(".spin-logo").fadeOut();
    }

    $(window).load(function() 
    {
      FadeOutSpinner();
    });