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.
Auf dieser Seite können Sie das Online-Video Lightbox Image Gallery with Css Grid and Javascript | Creative tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Frontzinga 02 Februar 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,437 Mal angesehen und es wurde von 76 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
