javascript - 悬停时 JS 动画旋转

标签 javascript jquery jquery-animate

这是我关于 stackoverflow 的第一个问题。

想知道是否有人可以向我指出有关使用 JS/JQuery 制作按钮动画的解决方案/资源。

特别是,我无法理解的动画是在悬停时将圆形按钮旋转 180 度。

谢谢:)

最佳答案

你可以使用css关键帧

div {
    width: 100px;
    height: 100px;
    background: red;
    position :relative;
    -webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
    animation: mymove 1s infinite;
}


/* Standard syntax */
@keyframes mymove {
       from   {    transform: rotateY(0deg);}
to { transform: rotateY(360deg);

}

关于javascript - 悬停时 JS 动画旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38018659/

相关文章:

javascript - 为什么透明对象在动画 Canvas 元素时变得不透明?

javascript - 如何消除正则表达式代码中的空格?

jquery - 将内容移出页面的最佳 Jquery/Javascript 实践

javascript - 使用 jQuery animate 时看不到动画

自定义值的 jQuery 动画(不是 CSS 属性)

javascript - 在 Vega-Lite 中动态捕获枢轴变换后的值

javascript - Chrome 和 Firefox 中的 SVG 像素差异

javascript - jQuery 加载数据到 jqGrid

jquery - 切换功能

javascript - 从 jQuery 中的多个相同类名获取值 CSS