Skip to content

Instantly share code, notes, and snippets.

@QETHAN

QETHAN/html_load_animation

Created June 24, 2014 08:57
Show Gist options
  • Save QETHAN/3ca211a652609385010f to your computer and use it in GitHub Desktop.
Save QETHAN/3ca211a652609385010f to your computer and use it in GitHub Desktop.
Download ZIP
页面载入动画效果
Raw
html_load_animation
html { -webkit-animation-name:thePage; -webkit-animation-duration:600ms; -webkit-animation-timing-function:ease-in-out; } @-webkit-keyframes thePage { 0% { opacity: 0; -webkit-transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(0); }}
@-webkit-keyframes thePage { 0% { opacity: 0; -webkit-transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(0)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment