SHARE
TWEET

Untitled

a guest Jul 16th, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2.     .zodiac-ticker-wrapper {
  3.         margin: 2.5em -.9em 0;
  4.         height: 6em;
  5.         overflow: hidden;
  6.         position: relative;
  7.  
  8.         .ticker-1 {
  9.             position: absolute;
  10.             width: 410%;
  11.  
  12.             animation: marquee 120s linear -60s infinite;
  13.         }
  14.  
  15.         .ticker-2 {
  16.             position: absolute;
  17.             left: -410%;
  18.             width: 410%;
  19.  
  20.             animation: marquee2 120s linear 0s infinite;
  21.         }
  22.  
  23.         @media all and (max-device-width: $mobile) {
  24.             margin: 0.7em -.9em 0;
  25.             height: 4.5em;
  26.  
  27.             .ticker-1 {
  28.                 width: 350%;
  29.                 animation: marquee-mobile 120s linear -60s infinite;
  30.             }
  31.  
  32.             .ticker-2 {
  33.                 left: -350%;
  34.                 width: 350%;
  35.                 animation: marquee-mobile2 120s linear 0s infinite;
  36.             }
  37.         }
  38.     }
  39.  
  40.     @keyframes zodiac-glow {
  41.         0% {
  42.             text-shadow: 0px 0px 40px #ff3b75;
  43.         }
  44.  
  45.         20% {
  46.             text-shadow: 0px 0px 40px #fde614;
  47.         }
  48.  
  49.         40% {
  50.             text-shadow: 0px 0px 40px #bfff35;
  51.         }
  52.  
  53.         60% {
  54.             text-shadow: 0px 0px 40px #35c2ff;
  55.         }
  56.  
  57.         80% {
  58.             text-shadow: 0px 0px 40px #f519f3;
  59.         }
  60.  
  61.         100% {
  62.             text-shadow: 0px 0px 40px #ff3b75;
  63.         }
  64.     }
  65.  
  66.     @keyframes marquee{
  67.         0%{
  68.             left: 410%;
  69.         }
  70.        
  71.         100%{
  72.             left: -410%;
  73.         }
  74.     }
  75.      
  76.      
  77.       @keyframes marquee2{
  78.         0%{
  79.             left: 410%;
  80.         }
  81.        
  82.         100%{
  83.             left: -410%;
  84.         }
  85.     }
  86.  
  87.     @keyframes marquee-mobile{
  88.         0%{
  89.             left: 350%;
  90.         }
  91.        
  92.         100%{
  93.             left: -350%;
  94.         }
  95.     }
  96.      
  97.      
  98.       @keyframes marquee-mobile2{
  99.         0%{
  100.             left: 350%;
  101.         }
  102.        
  103.         100%{
  104.             left: -350%;
  105.         }
  106.     }
  107.  
  108. }
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