@urajo

Как сделать обратную анимацию?

Есть https://codepen.io/narem/pen/XQZGgj кастомный чекбокс.
Вопрос в том, как сделать что бы при моменте снятия галочки - чекбокс медленно исчезал например?
  • Вопрос задан
  • 123 просмотра
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Анимация тут не нужна + вы фоновый рисунок задаете только на состояние :checked. Соответственно, если его нет, то и фоновая картинка мгновенно убирается, потому что это не анимируемое свойство в принципе (background-image). Нужно изначально задать все стили, потом уже использовать анимируемые свойства (opacity, transform).

Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@German_Berg
var b=document.getElementById("myimg2");
 
function onMouseIconComm(){
    this.src="img/close_2.png";
}
 
function outMouseIconComm(){
   this.src = "img/close_3.png";
}
 
b.onmouseover=onMouseIconComm;
b.onmouseout=outMouseIconComm;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы