Как сделать анимированный эффект для тени используя HTML & CSS || Animated effect for shadow CSS

Sdílet
Vložit
  • čas přidán 18. 05. 2024
  • 🔗 Исходный код (source code): / 104650504
    В этом видео вы узнаете, как сделать анимированный эффект для тени используя HTML & CSS шаг за шагом.
    Please hit the LIKE 👍, it`ll help to grow on CZcams algorithm.
    Have a nice day, GOD bless you ❤️
    🔗 Logo: logoipsum.com/
    👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/CodingWithTopchiy
    💵 Поддержать канал (support channel): 5375411204111681 (universal bank || mono)
    💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
    💵 Поддержать канал (support channel): / codingwithtopchiy
    👍 Subscribe: / @codingwithtopchiy
    😀Спасибо за просмотр!😀

Komentáře • 12

  • @user-ji6vi7hp2z
    @user-ji6vi7hp2z Před 13 dny

    Просто здорово!

  • @user-fn1cz7xe4d
    @user-fn1cz7xe4d Před 13 dny

    👍 👍 👍 👍 👍 👍!

  • @mikhaildolgov
    @mikhaildolgov Před 13 dny

    Дмитрий, как всегда, шикарное видео. Спасибо!
    Раз речь зашла о React, скажите, Bootstrap Вы будите нас учить как его использовать при создании сайта? И есть ли у Вас в планах нас учить как верстать с Figmы?

    • @codingwithtopchiy
      @codingwithtopchiy  Před 13 dny +1

      Приветствую!
      Пожалуйста)
      Планирую все делать по порядку сначала закончу CSS курс, затем уже Bootstrap, JavaScript, Git и тд.
      Постараюсь со временем сделать видео о верстке сайта с макета, только не Figma будет, а альтернатива Pixso.

    • @mikhaildolgov
      @mikhaildolgov Před 13 dny

      Ого. Отлично!!!!
      Вы большой молодец ))

  • @Gazovchik
    @Gazovchik Před 13 dny

    Добрый вечер
    Дима, вы планируете потихоньку курс по Реакту делать?

    • @codingwithtopchiy
      @codingwithtopchiy  Před 13 dny

      Приветствую!
      Планирую, но еще не скоро.

    • @Gazovchik
      @Gazovchik Před 13 dny

      @@codingwithtopchiy
      Услышал

  • @ultrazedd3823
    @ultrazedd3823 Před 13 dny

    Суть в том что тень движется одновременно в обе стороны и по этому остаётся на месте?

    • @codingwithtopchiy
      @codingwithtopchiy  Před 13 dny

      Приветствую!
      Суть в том, что одна анимация для логотипа перемещает элемент вверх, а вторая анимация для тени (псевдоэлемент ::before) перемещает элемент вниз и затем они движутся в обратном направлении друг к другу и создаются такой эффект тени.