From bcce1e9a0827db68da8590dc53d4d609a60c7d8e Mon Sep 17 00:00:00 2001 From: Minh Nguyen Date: Wed, 3 Sep 2014 01:16:53 -0400 Subject: [PATCH] Fix bouncing scroll-down arrow bug in webkit Webkit transform currently requires a vendor prefix. Without it, the arrow bounces and rotate to the original un-rotated state. See https://www.dropbox.com/s/46sjiihtjya42s8/wk-rotate.mov --- assets/css/screen.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/assets/css/screen.css b/assets/css/screen.css index 0417278..7f26aef 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -508,6 +508,7 @@ margin on the iframe, cause it breaks stuff. */ text-align: center; text-decoration: none; color: rgba(255,255,255,0.7); + -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-animation: bounce 4s 2s infinite; animation: bounce 4s 2s infinite; @@ -1801,4 +1802,4 @@ body:not(.post-template) .post-title { /* ========================================================================== End of file. Animations should be the last thing here. Do not add stuff below this point, or it will probably fuck everything up. - ========================================================================== */ \ No newline at end of file + ========================================================================== */