Анимация после наведения исчезла [дубликат]

У меня есть другая перспектива ответить на это.

При работе на разных уровнях, например, в приложении MVC, контроллеру нужны службы для вызова бизнес-операций. В таких сценариях контейнер инжекции зависимостей может использоваться для инициализации служб, чтобы исключить исключение NullReferenceException. Это означает, что вам не нужно беспокоиться о проверке нулевого значения и просто вызвать службы с контроллера, как будто они всегда будут доступны (и инициализированы) как одиночный или прототип.

public class MyController
{
    private ServiceA serviceA;
    private ServiceB serviceB;

    public MyController(ServiceA serviceA, ServiceB serviceB)
    {
        this.serviceA = serviceA;
        this.serviceB = serviceB;
    }

    public void MyMethod()
    {
        // We don't need to check null because the dependency injection container 
        // injects it, provided you took care of bootstrapping it.
        var someObject = serviceA.DoThis();
    }
}
23
задан c69 8 October 2011 в 18:33
поделиться

4 ответа

Боюсь, что единственный способ решить эту проблему - это немного javascript, вы должны добавить анимацию как класс, а затем удалить ее, когда анимация закончится.

$(".box").bind("webkitAnimationEnd mozAnimationEnd animationend", function(){
  $(this).removeClass("animated")  
})

$(".box").hover(function(){
  $(this).addClass("animated");        
})

http://jsfiddle.net/u7vXT/

23
ответ дан 9KSoft 25 August 2018 в 23:57
поделиться

Простой трюк выполнит задание:

-webkit-animation:swing 3600ms ease-in-out 6000s;
-webkit-transform-origin:top;

Задайте «задержку» с большим значением элемента (не: hover).

От: Stackoverflow - Роберт МакКи

2
ответ дан Community 25 August 2018 в 23:57
поделиться

CSS может помочь в некоторых случаях, но не для всех, ниже приведен код, который будет анимировать разметку букв как при наведении, так и после наведения.

h1
{
    -webkit-transition:all 0.3s ease;
}

h1:hover
{
    -webkit-transition:all 0.3s ease;
    letter-spacing:3px;
}
<body>
    <h1>Hello</h1>
</body>

0
ответ дан Siddharth Thevaril 25 August 2018 в 23:57
поделиться

просто для того, чтобы улучшить ответ Duopixel, при выполнении бесконечной анимации я должен сделать:

$(".box").css("animation-iteration-count", "1"); 
$(".box").bind("webkitAnimationEnd mozAnimationEnd animationEnd", function(){
  $(this).removeClass("animated")  
})
$(".box").hover(function(){
  $(".box").css("animation-iteration-count", "infinite"); 
  $(this).addClass("animated");        
})

Это просто не внезапно завершает анимацию.

1
ответ дан Willy Cornejo 25 August 2018 в 23:57
поделиться
Другие вопросы по тегам:

Похожие вопросы: