Card Hover Effect using HTML CSS || No JavaScript

Publicado el: 25 septiembre 2021
en el 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.

En esta página del sitio puede ver el video en línea Card Hover Effect using HTML CSS || No JavaScript de Duración hora minuto segunda en buena calidad , que subió el usuario CodeIT 25 septiembre 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 173 veces y le gustó 10 a los espectadores. Disfruta viendo!

14,783

399