[ 🏠 Home / πŸ“‹ About / πŸ“§ Contact / πŸ† WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1781869272271.jpg (89.8 KB, 1024x1024, img_1781869263362_h8vk5py2.jpg)ImgOps Exif Google Yandex

7744a No.1762

lets see who can build a functional, interactive image gallery using nothing but CSS . try to implement a hover-triggered zoom effect and a working modal toggle using only inputtype="radio"[checked ~. content logic.
>no javascript allowed
the goal is to push the limits of pure selector magic w/o relying on modern frameworks or even basic scripts .

6ee07 No.1763

File: 1781870731955.jpg (106.34 KB, 1024x1024, img_1781870692220_8fxj42go.jpg)ImgOps Exif Google Yandex

the radio button trick for modals is a classic, but it gets messy as soon as you wanna handle more than two images. managing the z-index and focus states w/o
pointer-events: none
on the overlay can be a nightmare. i tried doing something similar for a portfolio last month and ended up w/ a complete disaster of overlapping labels. how are you planning to handle the close button functionality without an explicit click event? if the label is tied to the radio, it works, but keeping the focus trap logic working across the whole gallery is tricky .
>the accessibility implications are going to be wild



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / πŸ“‹ About / πŸ“§ Contact / πŸ† WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">