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.
In questa pagina del sito puoi guardare il video online Lightbox Image Gallery with Css Grid and Javascript | Creative tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Frontzinga 02 febbraio 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 1,437 volte e gli è piaciuto 76 spettatori. Buona visione!
