Card Hover Effect using HTML CSS || No JavaScript

Publicado em: 25 Setembro 2021
no canal de: CodeIT

173

Hello, world!!! In this video, we will create an awesome card hover effect using pure CSS and NO JavaScript... We also have an overlay effect on the card that helps the text appear nicely. We use pseudo elements (::before) to achieve this effect. The overlay consists of a linear-gradient background that makes it even more attractive and interactive. If you like the video, hit the like button and do subscribe to our channel for more videos just like this one :)

🔗 Important Links:
🌟 Card Image: https://images.unsplash.com/photo-145...
🌟 Tutorial of CSS Variables:    • how to use CSS Variables | css custom prop...

📝 Sourcecode:
https://codepen.io/pen/?template=zYzdaKa

📺 Must watch videos 🤩
▶ CSS Variables Tutorial:    • how to use CSS Variables | css custom prop...
▶ Top Visual Studio Code extensions:    • Top visual studio code extensions themes a...
▶ Underline CSS Hover effect:    • Cool underline CSS hover effect 😎. || CSS ...
▶ Reveal Elements on scroll:    • Reveal elements on scroll using pure javas...
▶ Parallax effects:    • Parallax Effects
▶ Pure vanilla JavaScript projects:    • Pure vanilla JavaScript projects

🌎 Find me on:-
Github:- https://github.com/ani-24
Codepen:- http://codepen.io/codeit-ani
Discord:-   / discord

###############################################################

Thanks for watching the video, make sure you are subscribed to my channel and press the bell icon so that you don't miss any of our videos.

Subscribe to my channel:
   / @codeityt

Also, share the videos with those who need them.

Nesta página do site você pode assistir ao vídeo on-line Card Hover Effect using HTML CSS || No JavaScript duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário CodeIT 25 Setembro 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 173 vezes e gostou 10 espectadores. Boa visualização!

14,783

399