themes
/
casper
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/css/screen.css
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.
========================================================================== */ ========================================================================== */