From 087441628ffaa0ebfd01e4a9f163bcca29cd6f80 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Sat, 16 Sep 2017 22:14:34 +0200 Subject: Use transform-origin (not translate()), and drop vendor prefixes. Thanks to Jorrit at . --- css/print.css | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/css/print.css b/css/print.css index 858331e..c63e4c2 100644 --- a/css/print.css +++ b/css/print.css @@ -17,10 +17,8 @@ #page8, #page7, #page6 { - -webkit-transform: translate(64.5px, -64.5px) rotate(-90deg); - -moz-transform: translate(64.5px, -64.5px) rotate(-90deg); - transform: translate(64.5px, -64.5px) rotate(-90deg); - /*-webkit-transform:rotate(90deg) scale(0.6) skew(-23deg);*/ + transform: rotate(-90deg); + transform-origin: 50% 120.5px; } /* rotated right */ @@ -28,9 +26,8 @@ #page3, #page4, #page5 { - -webkit-transform: translate(-64.5px, -64.5px) rotate(90deg); - -moz-transform: translate(-64.5px, -64.5px) rotate(90deg); - transform: translate(-64.5px, -64.5px) rotate(90deg); + transform: rotate(90deg); + transform-origin: 50% 120.5px; } /* cover */ #page1 { -- cgit v1.2.3