Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .zodiac-ticker-wrapper {
- margin: 2.5em -.9em 0;
- height: 6em;
- overflow: hidden;
- position: relative;
- .ticker-1 {
- position: absolute;
- width: 410%;
- animation: marquee 120s linear -60s infinite;
- }
- .ticker-2 {
- position: absolute;
- left: -410%;
- width: 410%;
- animation: marquee2 120s linear 0s infinite;
- }
- @media all and (max-device-width: $mobile) {
- margin: 0.7em -.9em 0;
- height: 4.5em;
- .ticker-1 {
- width: 350%;
- animation: marquee-mobile 120s linear -60s infinite;
- }
- .ticker-2 {
- left: -350%;
- width: 350%;
- animation: marquee-mobile2 120s linear 0s infinite;
- }
- }
- }
- @keyframes zodiac-glow {
- 0% {
- text-shadow: 0px 0px 40px #ff3b75;
- }
- 20% {
- text-shadow: 0px 0px 40px #fde614;
- }
- 40% {
- text-shadow: 0px 0px 40px #bfff35;
- }
- 60% {
- text-shadow: 0px 0px 40px #35c2ff;
- }
- 80% {
- text-shadow: 0px 0px 40px #f519f3;
- }
- 100% {
- text-shadow: 0px 0px 40px #ff3b75;
- }
- }
- @keyframes marquee{
- 0%{
- left: 410%;
- }
- 100%{
- left: -410%;
- }
- }
- @keyframes marquee2{
- 0%{
- left: 410%;
- }
- 100%{
- left: -410%;
- }
- }
- @keyframes marquee-mobile{
- 0%{
- left: 350%;
- }
- 100%{
- left: -350%;
- }
- }
- @keyframes marquee-mobile2{
- 0%{
- left: 350%;
- }
- 100%{
- left: -350%;
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement