RGBCube/rgbcube.github.io
1
Fork 0
mirror of https://github.com/RGBCube/rgbcube.github.io synced 2025-10-31 15:02:45 +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;
transform: translateZ(-2.5em);
transform: translateZ(-2.498em);
transform-style: preserve-3d;
}
@ -87,25 +87,26 @@ a {
}
.front {
transform: rotateY(0deg) translateZ(2.5em);
transform: rotateY(0deg) translateZ(2.498em);
}
.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 {
transform: rotateY(180deg) translateZ(2.5em);
transform: rotateY(180deg) translateZ(2.498em);
}
.bottom {
transform: rotateX(-90deg) translateZ(2.5em);
transform: rotateX(-89.99999999999999deg) translateZ(2.498em);
}
.right {
transform: rotateY(90deg) translateZ(2.5em);
transform: rotateY(89.99999999999999deg) translateZ(2.498em);
}
.left {
transform: rotateY(-90deg) translateZ(2.5em);
transform: rotateY(-89.99999999999999deg) translateZ(2.498em);
}