Card hover animation with Css :hover selector | Creative tutorial

Publicado el: 24 febrero 2023
en el canal de: Frontzinga
931
33

👍 SUBSCRIBE https://tinyurl.com/bvptz2dv and don't forget to comment and rate, sharing would be great as well ;)
🖖 Project repo: https://github.com/frontzinga/card-ho...

Learn frontend development building creative project.
This tutorial teach you how to create a simple card animation using just css hover selector and no lines of javascript..

TABLE OF CONTENT

0:00:00 Project overview
0:00:28 Import libs and basic styles
0:01:14 Card markup
0:02:50 Card styles
0:08:09 Card markup duplication
0:08:39 Styles adjustments
0:08:54 Final result

RESOURCES

Vash image: https://tinyurl.com/yckf6d6s
Wolfwood image: https://tinyurl.com/456ynn3d
Bootstrap icons cdn: https://cdnjs.com/libraries/bootstrap...
Web gradients: https://webgradients.com

#html #css #javascript #tutorials

🦾 Frontzinga wants to make frontend development amazing and inspired like mecha design.


En esta página del sitio puede ver el video en línea Card hover animation with Css :hover selector | Creative tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario Frontzinga 24 febrero 2023, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 931 veces y le gustó 33 a los espectadores. Disfruta viendo!