Руководство по CSS анимации. Transition / Animation / Keyframes

Поділитися
Вставка
  • Опубліковано 22 лис 2024

КОМЕНТАРІ • 37

  • @bedeveloper
    @bedeveloper  2 роки тому +2

    *Понравилось видео? Поддержки автора на **boosty.to/bedev** и получи уникальные закрытые курсы с практикой и поддержкой автора. (Описание ништяков для подписчиков в этом видео - **ua-cam.com/video/qLrK8-NrQ9E/v-deo.html** )*

  • @sky__den_here
    @sky__den_here Рік тому +6

    Кубик Безье в инструментах разработчика просто шикарен

  • @ДенисКлименко-н6п
    @ДенисКлименко-н6п 3 роки тому +11

    Все оказывается гораздо проще.
    Я раньше анимации сторонился вообще.
    Спасибо большое!

  • @igormikhailov17
    @igormikhailov17 Рік тому +4

    Объяснение кайф! Все понятно с первого раза, редко такое бывает, спасибо👍

  • @basn63
    @basn63 4 місяці тому +1

    отличный мастер-класс! спасибо

  • @sirrko
    @sirrko 3 роки тому +6

    файно, корисно, просто... лайк 👍

  • @Elisha_GG
    @Elisha_GG Рік тому +3

    Это просто потрясающе. Я одновременно внимал информацию и пытался понять кто вам подарил такое забавное интонирование голосом)

  • @БекаБека-в3х
    @БекаБека-в3х Рік тому

    Первый раз в жизни оставляю комментарий. Спасибо Вам за Ваш труд!

  • @tuzika15
    @tuzika15 3 роки тому +4

    evergreen ахахахах ) отличное наглядное пособие по анимации в css.спасибо)

  • @korochebarash
    @korochebarash 3 місяці тому

    очень полезно, быстро и по делу, спасибо!

  • @николайкраснов-р3о

    Понятнее рассказывает чем на платных курсах-лайк и подписка)

  • @flepjack
    @flepjack 2 роки тому +2

    Спасибо, очень понятное и доступное объяснение 👍👍🔥

  • @deneb8504
    @deneb8504 3 роки тому +3

    Просто и наглядно, спасибо:)

  • @d-mass-32
    @d-mass-32 3 роки тому +1

    Лайк! По красоте рассказал! Думал, что всё знаю... Так и есть! )) Но много очень полезных нюансов подчеркнул! 😁👍

  • @VitaliyFrolov
    @VitaliyFrolov 3 роки тому +2

    Полезно. Искренне благодарю!

  • @bobursaidov
    @bobursaidov 3 роки тому +4

    Спасибо!

  • @Айбар-т1е
    @Айбар-т1е 3 роки тому +1

    Видео просто ТОП! Продолжай в том же духе!

  • @mr.banner4231
    @mr.banner4231 2 роки тому +1

    Очень понятно и доходчиво! Лайк

  • @serdotsenko
    @serdotsenko 3 роки тому +2

    продолжай!

  • @ТЫКЫЧЕНАЛ-х2д
    @ТЫКЫЧЕНАЛ-х2д Рік тому

    Спасибо было очень понятно 🔥

  • @СофияАндрианова-д8о

    Подписка! Отличная информация

  • @_pheax
    @_pheax 2 роки тому

    спасибо

  • @carteblanche9165
    @carteblanche9165 3 роки тому +3

    Сейчас бы ease читать как изи

  • @romanvinichenko1910
    @romanvinichenko1910 2 роки тому

    Thanks for content!

  • @andykud63
    @andykud63 3 роки тому +1

    Подскажите сообщества по css анимации?

  • @человек-с2ц
    @человек-с2ц 2 роки тому

    спасибо gg wp

  • @piterpaper6407
    @piterpaper6407 3 роки тому

    Здравствуйте, наткнулась на очень интересную вещь. Делала карточки. Суть такова , что при наведении курсором, карточка поворачивается на 180градусов и сзади написан текст. Проблема в том, что карточки не работают в Safari на iOS. В мобильной версии тоже. Карточка будто уже произвела анимацию , да еще и шрифт отзеркалила. Я добавила всем transform и transition префикс -webkit , но это не сработало. Так же использовала transform: translateY(-480px) perspective(600px) rotateY(180deg); Почему вообще так происходит в Safari?

  • @inzhener-blog
    @inzhener-blog 3 роки тому

    Спасибо за урок. А вот можно зделать анимацию, чтобы появилась каждая буква отдельно, через заданный интервал?

    • @ppplaynow
      @ppplaynow Рік тому

      chat gpt в помощь)

  • @za4ot1k
    @za4ot1k 11 місяців тому

    как называется данная тема в редакторе?

  • @kuplinov1990
    @kuplinov1990 3 роки тому

    Можете подсказать как сделать анимацию поэтапно
    Типо по нажатию кнопки

    • @dimadiv6583
      @dimadiv6583 2 роки тому

      По клику на кнопку вешаешь класс(anim) на нужный елемент. В css прописываешь анимацию нужномк селектору *.block.anim

  • @VitalyiTsal
    @VitalyiTsal Рік тому

    что за программа, в которой ты редактируешь???

    • @davvik_
      @davvik_ Рік тому

      Visual Studio Code

  • @COLLODIONua
    @COLLODIONua 3 роки тому +1

    я могу ошибаться но ведущий случайно не снимал раньше титктоки? или путаю ua-cam.com/video/KQx6w5WX2vE/v-deo.html

  • @moneyandfame9748
    @moneyandfame9748 2 роки тому

    что это за тема?

  • @sirius4e
    @sirius4e 3 роки тому

    Спасибо!