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
This commit is contained in:
Minh Nguyen 2014-09-03 01:16:53 -04:00
parent f55a5a202f
commit bcce1e9a08

View File

@ -508,6 +508,7 @@ margin on the iframe, cause it breaks stuff. */
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
color: rgba(255,255,255,0.7); color: rgba(255,255,255,0.7);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); transform: rotate(-90deg);
-webkit-animation: bounce 4s 2s infinite; -webkit-animation: bounce 4s 2s infinite;
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 End of file. Animations should be the last thing here. Do not add stuff
below this point, or it will probably fuck everything up. below this point, or it will probably fuck everything up.
========================================================================== */ ========================================================================== */