Транзишн повесить на ховер

Вешал

можешь показать код

Секундочку

этого ховера

фак

dispay: block; не анимируется

то есть его плавным сделать нельзя

делай по другому

как?

transform: scale, width, height, opacity visibility - это альтернативы

я хз какая анимация тебе нужна

Я так понимаю что &_block display:block даёт такой эффект быстрого появления?

ну да, именно display: block ты плавным никак не сделаешь

потому что у него нету промежуточных состояний

Спасибо

Я нашёл проблему в другом и исправил
Там было у блока height: auto и потом в height: 100%, остюда она так резко дёргалась и не анимировалась

Приветствуем в чате верстальщиков и фронтендеров, Goik 🍒! 🖐🏻

Будет круто, если ты расскажешь о немного о себе. Наш чат открыт для каждого: кто хочет учить и учиться! 👩🏼‍💻👨🏼‍💻

В последнее время у нас появилось много участников, поэтому правила — важный компонент для сохранения мира в сообществе. Ознакомься с ними😉

Полезные ресурсы – /notes
Вызвать админа (используйте при острой необходимости!) – /adminlist

Надо дать пользователю по нажатию кнопки скопировать кусочек программного кода.

Применяю clipboardjs. Но это, наверное, не принципиально.

Я хочу подмигнуть цветом - на короткое время сделать элемент светлозеленым. Т.е. сигнализировать пользователю, что действие выполнено.

При дебаге я вижу, что класс добавляется: и цвет элемента меняется.

Но после копирования элемента он у меня остается выделенным. Поэтому вне панели разработчика вообще подмигивания не видно - элемент выделен.

Я попробовал сделать blur, не помогает. Был бы признателен за совет, как это исправить.

   function blink_background_color($code_sample){
       // By blinking signal to user that the code is copied.
       // Namely add a class, then remove it.
       $code_sample.addClass("background-color-light-green");
       setTimeout(function(){remove_background_color($code_sample)}, 200);
       $code_sample.blur();
   }