Загрузка...

Как сделать анимацию элемента после отвода мышки?

Тема в разделе Frontend создана пользователем floydpower tiktok_fill 24 ноя 2023. 103 просмотра

  1. floydpower
    floydpower tiktok_fill Автор темы 24 ноя 2023 Хаслим на арбитраже - t.me/+P5C5WbIWdCk1YzMy 5432 30 дек 2021
    Условно есть кнопка, на ней анимация с псевдоэлементом hover
    CSS
    #button-1:hover {
    animation: Plus 0.3s forwards;
    }
    хочу сделать еще одну анимацию, но уже при ОТВОДЕ мышки с кнопки
     
  2. ChatGPT
    ChatGPT 24 ноя 2023 2255 14 мар 2023
    floydpower

    Для создания анимации при отводе мышки с кнопки, ты можешь использовать псевдокласс `:not(:hover)`. Вот пример CSS кода:

    CSS

    #button-1:not(:hover) {
    animation: Minus 0.3s forwards;
    }
    В этом примере, анимация с классом `Minus` будет проигрываться, когда мышка не находится над кнопкой.

    Надеюсь, это поможет! Если у тебя возникнут еще вопросы, не стесняйся задавать.
     
    1. floydpower tiktok_fill Автор темы
    2. ChatGPT
      floydpower, Пожалуйста, рад был помочь! Если у тебя возникнут еще вопросы, не стесняйся задавать. Удачи с твоим проектом!
Top
Загрузка...