Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .slideRight{
- animation-name: slideRight;
- -webkit-animation-name: slideRight;
- animation-duration: 1s;
- -webkit-animation-duration: 1s;
- animation-timing-function: ease-in-out;
- -webkit-animation-timing-function: ease-in-out;
- visibility: visible !important;
- }
- @keyframes slideRight {
- 0% {
- transform: translateX(-150%);
- }
- 100% {
- transform: translateX(0%);
- }
- }
- @-webkit-keyframes slideRight {
- 0% {
- -webkit-transform: translateX(-150%);
- }
- 100% {
- -webkit-transform: translateX(0%);
- }
- }
- <div class="slideRight">
- HI
- </div>
- <a class="slideRight">
- HI
- </a>
- div {
- -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
- animation-delay: 2s;
- }
- $('slideRight').on('mouseover',function(){
- window.setTimeout(function(){
- $this.addClass('onesecond');
- }, 1000); //<-- Delay in milliseconds
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement