【问题标题】:Transition from one image to another and have it rotate during transtion: CSS从一个图像过渡到另一个图像并在过渡期间让它旋转:CSS
【发布时间】:2016-01-04 18:48:24
【问题描述】:

http://punkave.com/

左上方徽标:当您将鼠标悬停在其上时: 你如何编码? 从一个图像过渡到另一个图像并让它旋转。

【问题讨论】:

  • 欢迎来到 Stackoverflow!如果您还没有阅读how to post manual,请阅读。 Stackoverflow 并不是为如何制作东西提供现成的解决方案。如果您已经尝试过某事但没有奏效,您可以提出问题。请记住这一点!

标签: javascript html css web


【解决方案1】:

您可以在 :hover 上使用 transform 来表示旋转状态。 transition 用于动画。

#logo {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
#logo:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

【讨论】:

    猜你喜欢
    • 2015-12-11
    • 1970-01-01
    • 2014-04-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-31
    • 1970-01-01
    相关资源
    最近更新 更多