如何在页面加载时转换答案

【问题标题】：how to transition on page load如何在页面加载时转换
【发布时间】：2018-03-28 13:33:27
【问题描述】：

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

.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)}
}

【问题讨论】：

标签： css animation

【解决方案1】：

你需要两件事

将微调器 html 添加到您的页面
页面加载后移除微调器

您可以使用 javascript 移除微调器或使用 javascript 将其淡出

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

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

或

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

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

【讨论】：