RGBCube/rgbcube.github.io
1
Fork 0
mirror of https://github.com/RGBCube/rgbcube.github.io synced 2025-05-14 05:54:58 +00:00
Code Issues Activity Actions

Fix gaps and fix the issue for S*fari

Browse source 
Yes, it's true. Safari can't render a webpage properly without hacks unless it is
a plain fucking HTML page without any CSS whatsoever. Apple, just switch to Chromium
or Gecko already. Abandon Safari like how Microsoft did with Blink.
This commit is contained in:
RGBCube 2023-12-19 21:07:03 +03:00
parent 9207036cb9
commit cd8a891bd7
No known key found for this signature in database
1 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
cube.css
View file

@ -67,7 +67,7 @@ a {
position: relative; position: relative;
transform: translateZ(-2.5em); transform: translateZ(-2.498em);
transform-style: preserve-3d; transform-style: preserve-3d;
} }
@ -87,25 +87,26 @@ a {
} }
.front { .front {
transform: rotateY(0deg) translateZ(2.5em); transform: rotateY(0deg) translateZ(2.498em);
} }
.top { .top {
transform: rotateX(90deg) translateZ(2.5em); /* Guess what? Yeah, you guessed right. Safari can't render shit. */
transform: rotateX(89.99999999999999deg) translateZ(2.498em);
} }
.back { .back {
transform: rotateY(180deg) translateZ(2.5em); transform: rotateY(180deg) translateZ(2.498em);
} }
.bottom { .bottom {
transform: rotateX(-90deg) translateZ(2.5em); transform: rotateX(-89.99999999999999deg) translateZ(2.498em);
} }
.right { .right {
transform: rotateY(90deg) translateZ(2.5em); transform: rotateY(89.99999999999999deg) translateZ(2.498em);
} }
.left { .left {
transform: rotateY(-90deg) translateZ(2.5em); transform: rotateY(-89.99999999999999deg) translateZ(2.498em);
} }