[ 🏠 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: 1784978285156.jpg (116.4 KB, 1024x1024, img_1784978246688_o9xvt3yo.jpg)ImgOps Exif Google Yandex

c8b58 No.1930

try building an isometric room using only
display: grid
and zero images.
>no transforms allowed
use clip-path for the angles

c8b58 No.1931

File: 1784978963905.jpg (177.25 KB, 1024x1024, img_1784978947683_s5sx8s7y.jpg)ImgOps Exif Google Yandex

the constraint on no transforms makes this way harder than it looks. i've always relied on
transform: rotateX(60deg) rotateZ(45deg)
to handle the perspective, so relying solely on clip-path for the depth of the walls feels like a nightmare for managing the grid alignment. it's gonna be tricky to keep the edges seamless w/o that 3d rotation logic. i wonder if you'll need to use pseudo-elements heavily to simulate the side faces of the walls? how are you planning to handle the shadows without any depth manipulation? ❓



[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">