Lightbox Image Gallery with Css Grid and Javascript | 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/lightbo...
Learn frontend development building creative project.
This tutorial teach you how to create a lightbox image gallery with a modal popup using css grid and vanilla javascript.
TABLE OF CONTENT
0:00:00 Project overview
0:00:35 Grid gallery markup
0:02:26 Grid gallery style
0:05:20 Modal popup markup
0:06:27 Modal popup style
0:08:20 Grid item functonality
0:11:38 Final result
RESOURCES:
Svg icon: https://icons.getbootstrap.com/icons/x/
Denji min: https://tinyurl.com/3nyb6sau
Denji: https://tinyurl.com/txnu5c5c
Power min: https://tinyurl.com/43xrr5pm
Power: https://tinyurl.com/mr3af7nn
Aki min: https://tinyurl.com/yj2b2jwr
Aki: https://tinyurl.com/yc66hvjz
Himeno min: https://tinyurl.com/bdywrd6m
Himeno: https://tinyurl.com/3k3h8rkh
Makima min: https://tinyurl.com/3jp6x3a4
Makima: https://tinyurl.com/y5j6aax5
Kobeni min: https://tinyurl.com/27ur4cf6
Kobeni: https://tinyurl.com/3pu84dr4
Katanaman-min: https://tinyurl.com/5ym32f2p
Katanaman: https://tinyurl.com/5x99nh22
#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 Lightbox Image Gallery with Css Grid and Javascript | Creative tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Frontzinga 02 février 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 1,437 fois et il a aimé 76 téléspectateurs. Bon visionnage!
