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.
Nesta página do site você pode assistir ao vídeo on-line Lightbox Image Gallery with Css Grid and Javascript | Creative tutorial duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Frontzinga 02 Fevereiro 2023, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 1,437 vezes e gostou 76 espectadores. Boa visualização!
