Card hover animation with Css :hover selector | Creative tutorial

Publié le: 24 février 2023
sur la chaîne: Frontzinga

931

👍 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.

Sur cette page du site, vous pouvez voir la vidéo en ligne Card hover animation with Css :hover selector | Creative tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Frontzinga 24 février 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 931 fois et il a aimé 33 téléspectateurs. Bon visionnage!

169