Advertisement
Guest User

Untitled

a guest
Mar 31st, 2020
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.33 KB | None | 0 0
  1. #block-yui_3_17_2_1_1585620985296_6627 {
  2.     z-index: 0;
  3. animation-name: fade-text-anim 3s ease;
  4. animation: fade-text-anim 3s ease;
  5. }
  6. @keyframes fade-text-anim {
  7.   0% {
  8.     opacity: 0;
  9.     -webkit-transform: translate3d(0,0,0);
  10.     -moz-transform: translate3d(0,0,0);
  11.     -ms-transform: translate3d(0,0,0);
  12.     -o-transform: translate3d(0,0,0);
  13.     transform: translate3d(0,0,0);
  14. }
  15.  
  16.  100% {
  17.     opacity: 1;
  18.     -webkit-transform: translate3d(0,0,0);
  19.     -moz-transform: translate3d(0,0,0);
  20.     -ms-transform: translate3d(0,0,0);
  21.     -o-transform: translate3d(0,0,0);
  22.     transform: translate3d(0,0,0);
  23.   }
  24. }
  25.  
  26.  
  27. #block-75ba4c8136089c04481c {
  28.  background-color: hsl(34, 100%, 96%);
  29.   z-index: 999;
  30.   animation-name:  fade-text-anim 6s ease;
  31.   animation: fade-text-anim 6s ease;
  32. }
  33.  
  34. @keyframes fade-text-anim {
  35.   0% {
  36.     opacity: 0;
  37.     -webkit-transform: translate3d(0,0,0);
  38.     -moz-transform: translate3d(0,0,0);
  39.     -ms-transform: translate3d(0,0,0);
  40.     -o-transform: translate3d(0,0,0);
  41.     transform: translate3d(0,0,0);
  42. }
  43.  
  44.  75% {
  45.     opacity: 0;
  46.     -webkit-transform: translate3d(0,0,0);
  47.     -moz-transform: translate3d(0,0,0);
  48.     -ms-transform: translate3d(0,0,0);
  49.     -o-transform: translate3d(0,0,0);
  50.     transform: translate3d(0,0,0);
  51.   }
  52.   100% {
  53.   opacity: 1;
  54.     -webkit-transform: translate3d(0,0,0);
  55.     -moz-transform: translate3d(0,0,0);
  56.     -ms-transform: translate3d(0,0,0);
  57.     -o-transform: translate3d(0,0,0);
  58.     transform: translate3d(0,0,0);
  59.   }
  60. }
  61.  
  62.  
  63. #block-yui_3_17_2_1_1585597062016_4797{
  64. animation-name:  fade-text-anim 8s ease;
  65. animation: fade-text-anim 8s ease;
  66. }
  67.  
  68. @keyframes fade-text-anim {
  69.   0% {
  70.     opacity: 0;
  71.     -webkit-transform: translate3d(0,0,0);
  72.     -moz-transform: translate3d(0,0,0);
  73.     -ms-transform: translate3d(0,0,0);
  74.     -o-transform: translate3d(0,0,0);
  75.     transform: translate3d(0,0,0);
  76. }
  77.  
  78.  75% {
  79.     opacity: 0;
  80.     -webkit-transform: translate3d(0,0,0);
  81.     -moz-transform: translate3d(0,0,0);
  82.     -ms-transform: translate3d(0,0,0);
  83.     -o-transform: translate3d(0,0,0);
  84.     transform: translate3d(0,0,0);
  85.   }
  86.   100% {
  87.   opacity: 1;
  88.     -webkit-transform: translate3d(0,0,0);
  89.     -moz-transform: translate3d(0,0,0);
  90.     -ms-transform: translate3d(0,0,0);
  91.     -o-transform: translate3d(0,0,0);
  92.     transform: translate3d(0,0,0);
  93.   }
  94. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement