0

我遇到过这篇文章// 在悬停时使用 CSS 从图像中滑出文本

CSS 工作得很好，除了我希望动画在旋转一次后停止。

这可能吗？如果是这样，我该如何做到这一点？

HTML：

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(180deg);
    }
    to { 
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes rotate {
    from {
      -moz-transform: rotate(180deg);
    }
    to { 
        -moz-transform: rotate(0deg);
    }
}

.srch_btn:hover {   
    -webkit-animation-name:            rotate; 
    -webkit-animation-duration:        0.5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name:            rotate; 
    -moz-animation-duration:        0.5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
4

1 回答 1

2

更改animation-iteration-count: infinite为2。

于 2012-11-16T03:38:58.357 回答