Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @mixin title-glow
- -webkit-transition: all 0.5s
- -moz-transition: all 0.5s
- transition: all 0.5s
- -webkit-animation: neon1 1.5s ease-in-out infinite alternate
- -moz-animation: neon1 1.5s ease-in-out infinite alternate
- animation: neon1 1.5s ease-in-out infinite alternate
- &:hover
- color: $blue
- -webkit-animation: none
- -moz-animation: none
- animation: none
- //glow for webkit
- @-webkit-keyframes neon1
- from
- text-shadow: 0 0 10px $blue, 0 0 20px $blue, 0 0 30px $blue, 0 0 40px $blue-dark, 0 0 70px $blue-dark, 0 0 80px $blue-dark, 0 0 100px $blue-dark, 0 0 150px $blue-dark
- to
- text-shadow: 0 0 5px $blue, 0 0 10px $blue, 0 0 15px $blue, 0 0 20px $blue-dark, 0 0 35px $blue-dark, 0 0 40px $blue-dark, 0 0 50px $blue-dark, 0 0 75px $blue-dark
- //glow for mozilla
- @-moz-keyframes neon1
- from
- text-shadow: 0 0 10px $blue, 0 0 20px $blue, 0 0 30px $blue, 0 0 40px $blue-dark, 0 0 70px $blue-dark, 0 0 80px $blue-dark, 0 0 100px $blue-dark, 0 0 150px $blue-dark
- to
- text-shadow: 0 0 5px $blue, 0 0 10px $blue, 0 0 15px $blue, 0 0 20px $blue-dark, 0 0 35px $blue-dark, 0 0 40px $blue-dark, 0 0 50px $blue-dark, 0 0 75px $blue-dark
- //glow
- @keyframes neon1
- from
- text-shadow: 0 0 10px $blue, 0 0 20px $blue, 0 0 30px $blue, 0 0 40px $blue-dark, 0 0 70px $blue-dark, 0 0 80px $blue-dark, 0 0 100px $blue-dark, 0 0 150px $blue-dark
- to
- text-shadow: 0 0 5px $blue, 0 0 10px $blue, 0 0 15px $blue, 0 0 20px $blue-dark, 0 0 35px $blue-dark, 0 0 40px $blue-dark, 0 0 50px $blue-dark, 0 0 75px $blue-dark
- @mixin box-glow-blue
- -webkit-transition: all 0.5s
- -moz-transition: all 0.5s
- transition: all 0.5s
- -webkit-animation: neon4 1.5s ease-in-out infinite alternate
- -moz-animation: neon4 1.5s ease-in-out infinite alternate
- animation: neon4 1.5s ease-in-out infinite alternate
- //glow for webkit
- @-webkit-keyframes neon4
- from
- box-shadow: 0 0 10px $blue, 0 0 20px $blue, 0 0 30px $blue, 0 0 40px $blue-dark, 0 0 70px $blue-dark, 0 0 80px $blue-dark, 0 0 100px $blue-dark, 0 0 150px $blue-dark
- to
- box-shadow: 0 0 5px $blue, 0 0 10px $blue, 0 0 15px $blue, 0 0 20px $blue-dark, 0 0 35px $blue-dark, 0 0 40px $blue-dark, 0 0 50px $blue-dark, 0 0 75px $blue-dark
- //glow for mozilla
- @-moz-keyframes neon4
- from
- box-shadow: 0 0 10px $blue, 0 0 20px $blue, 0 0 30px $blue, 0 0 40px $blue-dark, 0 0 70px $blue-dark, 0 0 80px $blue-dark, 0 0 100px $blue-dark, 0 0 150px $blue-dark
- to
- box-shadow: 0 0 5px $blue, 0 0 10px $blue, 0 0 15px $blue, 0 0 20px $blue-dark, 0 0 35px $blue-dark, 0 0 40px $blue-dark, 0 0 50px $blue-dark, 0 0 75px $blue-dark
- //glow
- @keyframes neon4
- from
- box-shadow: 0 0 10px $blue, 0 0 20px $blue, 0 0 30px $blue, 0 0 40px $blue-dark, 0 0 70px $blue-dark, 0 0 80px $blue-dark, 0 0 100px $blue-dark, 0 0 150px $blue-dark
- to
- box-shadow: 0 0 5px $blue, 0 0 10px $blue, 0 0 15px $blue, 0 0 20px $blue-dark, 0 0 35px $blue-dark, 0 0 40px $blue-dark, 0 0 50px $blue-dark, 0 0 75px $blue-dark
- @mixin link-glow
- -webkit-transition: all 0.5s
- -moz-transition: all 0.5s
- transition: all 0.5s
- &:hover
- color: $green
- -webkit-animation: neon2 1.5s ease-in-out infinite alternate
- -moz-animation: neon2 1.5s ease-in-out infinite alternate
- animation: neon2 1.5s ease-in-out infinite alternate
- /*glow for webkit*/
- @-webkit-keyframes neon2
- from
- text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px $green, 0 0 70px $green, 0 0 80px $green, 0 0 100px $green, 0 0 150px $green
- to
- text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px $green, 0 0 35px $green, 0 0 40px $green, 0 0 50px $green, 0 0 75px $green
- /*glow for mozilla*/
- @-moz-keyframes neon2
- from
- text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px $green, 0 0 70px $green, 0 0 80px $green, 0 0 100px $green, 0 0 150px $green
- to
- text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px $green, 0 0 35px $green, 0 0 40px $green, 0 0 50px $green, 0 0 75px $green
- /*glow*/
- @keyframes neon2
- from
- text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px $green, 0 0 70px $green, 0 0 80px $green, 0 0 100px $green, 0 0 150px $green
- to
- text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px $green, 0 0 35px $green, 0 0 40px $green, 0 0 50px $green, 0 0 75px $green
- @mixin newsticker-glow
- -webkit-transition: all 0.5s
- -moz-transition: all 0.5s
- transition: all 0.5s
- -webkit-animation: neon3 1.5s ease-in-out infinite alternate
- -moz-animation: neon3 1.5s ease-in-out infinite alternate
- animation: neon3 1.5s ease-in-out infinite alternate
- &:hover
- color: $yellow
- -webkit-animation: none
- -moz-animation: none
- animation: none
- //glow for webkit
- @-webkit-keyframes neon3
- from
- text-shadow: 0 0 10px $yellow, 0 0 20px $yellow, 0 0 30px $yellow, 0 0 40px $yellow-dark, 0 0 70px $yellow-dark, 0 0 80px $yellow-dark, 0 0 100px $yellow-dark, 0 0 150px $yellow-dark
- to
- text-shadow: 0 0 5px $yellow, 0 0 10px $yellow, 0 0 15px $yellow, 0 0 20px $yellow-dark, 0 0 35px $yellow-dark, 0 0 40px $yellow-dark, 0 0 50px $yellow-dark, 0 0 75px $yellow-dark
- //glow for mozilla
- @-moz-keyframes neon3
- from
- text-shadow: 0 0 10px $yellow, 0 0 20px $yellow, 0 0 30px $yellow, 0 0 40px $yellow-dark, 0 0 70px $yellow-dark, 0 0 80px $yellow-dark, 0 0 100px $yellow-dark, 0 0 150px $yellow-dark
- to
- text-shadow: 0 0 5px $yellow, 0 0 10px $yellow, 0 0 15px $yellow, 0 0 20px $yellow-dark, 0 0 35px $yellow-dark, 0 0 40px $yellow-dark, 0 0 50px $yellow-dark, 0 0 75px $yellow-dark
- //glow
- @keyframes neon3
- from
- text-shadow: 0 0 10px $yellow, 0 0 20px $yellow, 0 0 30px $yellow, 0 0 40px $yellow-dark, 0 0 70px $yellow-dark, 0 0 80px $yellow-dark, 0 0 100px $yellow-dark, 0 0 150px $yellow-dark
- to
- text-shadow: 0 0 5px $yellow, 0 0 10px $yellow, 0 0 15px $yellow, 0 0 20px $yellow-dark, 0 0 35px $yellow-dark, 0 0 40px $yellow-dark, 0 0 50px $yellow-dark, 0 0 75px $yellow-dark
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement