Card hover animation with Css :hover selector | Creative tutorial
👍 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.
Auf dieser Seite können Sie das Online-Video Card hover animation with Css :hover selector | Creative tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Frontzinga 24 Februar 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 931 Mal angesehen und es wurde von 33 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
