@CHARSET "UTF-8"; @-o-keyframes fadeWiden{ from{width:50%} to{width:100%} } @-webkit-keyframes fadeWiden{ from{width:50%} to{width:100%} } @-moz-keyframes fadeWiden{ from{width:50%} to{width:100%} } @keyframes fadeWiden{ from{width:50%} to{width:100%} } @-o-keyframes fadeIn{ from{-moz-opacity:0;opacity:0;filter:alpha(opacity=0);} to{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);} } @-webkit-keyframes fadeIn{ from{-moz-opacity:0;opacity:0;filter:alpha(opacity=0);} to{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);} } @-moz-keyframes fadeIn{ from{-moz-opacity:0;opacity:0;filter:alpha(opacity=0);} to{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);} } @keyframes fadeIn{ from{-moz-opacity:0;opacity:0;filter:alpha(opacity=0);} to{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);} } @-o-keyframes slideDown{ 0%{-webkit-transform:translateY(-100%);} 100%{-webkit-transform:translateY(0%);} } @-webkit-keyframes slideDown{ 0%{-webkit-transform:translateY(-100%);} 100%{-webkit-transform:translateY(0%);} } @-moz-keyframes slideDown{ 0%{-moz-transform:translateY(-100%);} 100%{-moz-transform:translateY(0%);} } @keyframes slideDown{ 0%{transform:translateY(-100%);} 100%{transform:translateY(0%);} } .fade-widen { animation: fadeWiden 5s; -moz-animation: fadeWiden 5s; /* Firefox */ -webkit-animation: fadeWiden 5s; /* Safari 和 Chrome */ -o-animation: fadeWiden 5s; /* Opera */ } .fade-in { -moz-opacity: 0; opacity: 0; filter: alpha(opacity = 0); -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .slide-down { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; animation-name: slideDown; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: 5s; -moz-animation-timing-function: 5s; animation-timing-function: 5s; visibility: visible !important; }