From cd8a891bd7ef9acb4b7fbb35d0e2c10f81c7082a Mon Sep 17 00:00:00 2001 From: RGBCube Date: Tue, 19 Dec 2023 21:07:03 +0300 Subject: [PATCH] Fix gaps and fix the issue for S*fari 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. --- cube.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/cube.css b/cube.css index d71ac63..1aa1c90 100644 --- a/cube.css +++ b/cube.css @@ -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); } \ No newline at end of file