Glowing Gradient Cards Animation Effect In 5 Minute Using HTML CSS | ASMR | NO Talk

Поделиться
HTML-код
  • Опубликовано: 2 июн 2024
  • In this video, I'm going to show you how to create a cool and interactive card hover effect using just HTML and CSS. This effect is perfect for showcasing products, portfolios, or any other type of content that you want to make stand out.
    The effect is relatively simple to create, and I'll walk you through the process step-by-step. I'll also provide you with the code so you can follow along and create the effect yourself.
    So, if you're ready to learn how to create a cool card hover effect with HTML and CSS, then let's get started!
    🔥 Don't forget to like, share, and subscribe for more awesome tutorials! 🚀
    _____________________________________________________________
    See more: / @weird-code
    ********
    buy me a coffee :
    buymeacoffee.com/amir.ranjbr/...
    ********
    You Watching this Video : / • Glowing Gradient Cards...
    _____________________________________________________________
    Recommended Videos:
    Build a Sidebar Component purely in HTML and Tailwind CSS | ASMR | No Talk:
    ► • / • Build a Sidebar Compon...
    CSS Parallax Scrolling Website | How to Make Website using HTML CSS and JavaScript | ASMR:
    ► • / • CSS Parallax Scrolling...
    OTP Code Verification Form in HTML CSS & JavaScript | ASMR | No Talking:
    ► • / • OTP Code Verification ...
    Login From With HTML CSS & JavaScript | Design 3D Cube | ASMR | From Tutorial:
    ► • / • Login From With HTML C...
    Interactive To Do List with HTML, CSS, and JavaScript and Sort able | No Talking | ASMR:
    ► • / • Interactive ToDo List ...
    Domino Clock - A Creative Timepiece Built with HTML, CSS, and JavaScript:
    ► • / • Domino Clock - A Creat...
    How To Create Stunning 3D Card Animation using HTML CSS & JavaScript Impressive 3D Card Hover Effect:
    ► • / • How To Create Stunning...
    Animated Login Form using HTML and CSS | Login Page using HTML CSS & JavaScript:
    ► • / • Animated Login Form us...
    Designing an Engaging Image Slider Animation: HTML, CSS, JavaScript Tutorial (Includes Dark Mode) :
    ► • / • Designing an Engaging ...
    Create Your Own Login Page Easily! | How To Make a Simple Register Page Whit HTML CSS & JavaScript:
    ► • / • Create Your Own Login ...
    _____________________________________________________________
    source of all projects also will upload in my GitHub page :
    github.com/Amir-Ranjbr
    Subscriptions, good comments and likes are great support for me 😍
    --------TIMELINE--------
    00:00 Intro (Preview Card OS Hover Effect )
    00:11 Ready! Start HTML
    01:21 Ready! Start CSS
    04:58 Refactor CSS
    05:16 Subscribe Like Comment
    #card_effect #hovereffect #card_hover #htmlcode
  • ХоббиХобби

Комментарии • 8

  • @williambutcher782
    @williambutcher782 Месяц назад

    Can you create a design similar to my idea?

  • @Dark_Chanel0810
    @Dark_Chanel0810 28 дней назад

    Can this be used in Unity?

    • @Weird-Code
      @Weird-Code  27 дней назад

      Yes, you can use HTML, CSS, and JavaScript in Unity through the Web View component, which allows you to load and display web pages within your Unity application. However, consider performance and security implications before using it.🙏

  • @williambutcher782
    @williambutcher782 Месяц назад

    I need this file repo 😢

    • @Weird-Code
      @Weird-Code  Месяц назад

      github.com/Amir-Ranjbr/cardHoverSimple For You 🙏

  • @BLUEBR666
    @BLUEBR666 Месяц назад

    Автор Бро ты из России?