Advertisement
Katsiree

css_hot_betflix

Mar 25th, 2021
1,102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.33 KB | None | 0 0
  1. .logoHot_anima {
  2.             position: absolute;
  3.             left: -5px;
  4.             top: -10px;
  5.             z-index: 999;
  6.             width: 20px;
  7.             animation: logoHot_anima 1s ease-in-out infinite;
  8.         }
  9.  
  10.         @keyframes logoHot_anima {
  11.             0% {
  12.                 transform: rotate(0deg);
  13.             }
  14.  
  15.             25% {
  16.                 transform: rotate(8deg);
  17.             }
  18.  
  19.             50% {
  20.                 transform: rotate(-8deg);
  21.             }
  22.  
  23.             75% {
  24.                 transform: rotate(8deg);
  25.             }
  26.  
  27.             90% {
  28.                 transform: rotate(-8deg);
  29.             }
  30.  
  31.             100% {
  32.                 transform: rotate(0deg);
  33.             }
  34.         }
  35.  
  36.  
  37.  
  38.         @-webkit-keyframes effect-fire-animation-keyframes {
  39.             0% {
  40.                 box-shadow: 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em 0em 1.0em #F40;
  41.             }
  42.  
  43.             25% {
  44.                 box-shadow: 0 -0.05em 0.17em #FE0, 0.04em -0.12em 0.22em #FC0, 0.04em -0.13em 0.27em #F90, 0.05em -0.23em 0.33em #F70, 0.07em -0.28em 0.47em #F70, 0.1em 0.1em 0.8em #F50, 0.1em 0.1em 0.9em #F40;
  45.             }
  46.  
  47.             50% {
  48.                 box-shadow: 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em 0em 1.0em #F40;
  49.             }
  50.  
  51.             75% {
  52.                 box-shadow: 0 -0.06em 0.18em #FE0, 0.05em -0.15em 0.23em #FC0, 0.05em -0.15em 0.3em #F90, 0.07em -0.25em 0.4em #F70, 0.09em 0.1em 0.5em #F70, 0.1em 0.1em 0.9em #F50, 0.1em 0.1em 1.0em #F40;
  53.             }
  54.  
  55.             100% {
  56.                 box-shadow: 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em 0em 1.0em #F40;
  57.             }
  58.         }
  59.  
  60.         .effect-fire-animation {
  61.             border-radius: 15px !important;
  62.             -webkit-animation-duration: 0.8s;
  63.             -webkit-animation-name: effect-fire-animation-keyframes;
  64.             -webkit-animation-iteration-count: infinite;
  65.             -webkit-animation-direction: alternate;
  66.         }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement