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.
En esta página del sitio puede ver el video en línea Lightbox Image Gallery with Css Grid and Javascript | Creative tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario Frontzinga 02 febrero 2023, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 1,437 veces y le gustó 76 a los espectadores. Disfruta viendo!
