daily pastebin goal
12%
SHARE
TWEET

Untitled

a guest Mar 19th, 2019 50 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .slideRight{
  2.  
  3.     animation-name: slideRight;
  4.     -webkit-animation-name: slideRight;  
  5.  
  6.     animation-duration: 1s;  
  7.     -webkit-animation-duration: 1s;
  8.  
  9.     animation-timing-function: ease-in-out;  
  10.     -webkit-animation-timing-function: ease-in-out;      
  11.  
  12.     visibility: visible !important;  
  13. }
  14.  
  15. @keyframes slideRight {
  16.     0% {
  17.         transform: translateX(-150%);
  18.     }
  19.  
  20.     100% {
  21.         transform: translateX(0%);
  22.     }  
  23. }
  24.  
  25. @-webkit-keyframes slideRight {
  26.     0% {
  27.         -webkit-transform: translateX(-150%);
  28.     }
  29.  
  30.     100% {
  31.         -webkit-transform: translateX(0%);
  32.     }
  33. }
  34.      
  35. <div class="slideRight">
  36.     HI
  37. </div>
  38.      
  39. <a class="slideRight">
  40.     HI
  41. </a>
  42.      
  43. div {
  44.     -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
  45.     animation-delay: 2s;
  46. }
  47.      
  48. $('slideRight').on('mouseover',function(){
  49.  
  50. window.setTimeout(function(){
  51.     $this.addClass('onesecond');
  52. }, 1000); //<-- Delay in milliseconds
  53.  });
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top