Card hover animation with Css :hover selector | Creative tutorial

Опубликовано: 24 Февраль 2023
на канале: 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.

На этой странице сайта вы можете посмотреть видео онлайн Card hover animation with Css :hover selector | Creative tutorial длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Frontzinga 24 Февраль 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 931 раз и оно понравилось 33 зрителям. Приятного просмотра!

169