如何在悬停时停止悬浮动画

Question

有没有办法在悬停时停止悬浮动画？

:hover

这是一个显示动画的链接：

https://codepen.io/youbiteme/pen/RprPrN

Answer 1

.leon:hover {
    animation: none;
}

你可能正在寻找。

Answer 2

只需在svg悬停中添加动画暂停

package com.my.personal.app.repository;

import com.my.personal.app.document.ReportDocument;
import org.springframework.data.mongodb.repository.MongoRepository;

import java.util.List;

public interface MongoReportRepository extends MongoRepository<ReportDocument, String> {

    List<ReportDocument> findByVehicleGuidOrderByStartAsc(String vehicleGuid);

    List<ReportDocument> findByUserGuidOrderByStartAsc(String userGuid);

    List<ReportDocument> findByUserGuidAndVehicleGuidOrderByStartAsc(String userGuid, String vehicleGuid);

}

Updated Pen

Answer 3

你可以尝试这个漂浮：

Car c = new Car();
c.type();

为了所有人：

.svg:hover .leon {
    -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
    cursor: pointer;
}