|
|
| Line 1: |
Line 1: |
| * {
| | <span style="box-sizing: border-box; display: inline-flex; vertical-align: middle; align-items: center;"><span style="width: 0.75em; height: 0.75em; margin-right: 4px; border-radius: 50%; background-color: {{{1|#000000}}};"></span> {{{2|}}}</span><noinclude>{{documentation}}</noinclude> |
| animation:20s ease-in-out 10s infinite alternate fade, 3s ease-in-out 20s infinite alternate noglasses, 15000s linear infinite spin, linear infinite marquee;
| |
| }
| |
| | |
| @keyframes noglasses {
| |
| from {
| |
| filter: blur(.7px); }
| |
| 50% {
| |
| filter:blur(0px)
| |
| }
| |
| 55% {
| |
| filter:blur(1px)
| |
| }
| |
| 70%{
| |
| filter:blur(0px)
| |
| }
| |
| 75% { filter:blur(.6px)}
| |
| 82% { filter:blur(0px)}
| |
| to {
| |
| filter: blur(2px);
| |
| }
| |
| }
| |
| @keyframes fade {
| |
| 90% {opacity:1}
| |
| to {
| |
| opacity:0;
| |
| filter:blur(10px)
| |
| }
| |
| }
| |
| @keyframes spin {
| |
| from {
| |
| transform:rotate(360deg)
| |
| }
| |
| to {
| |
| transform:rotate(0deg)
| |
| }
| |
| }
| |
| .marquee { | |
| margin: 0 auto;
| |
| white-space: nowrap;
| |
| overflow: hidden;
| |
| position: absolute;
| |
| }
| |
| .marquee2 {
| |
| margin: 0 auto;
| |
| white-space: nowrap;
| |
| overflow: hidden;
| |
| position: absolute;
| |
| }
| |
| .marquee span {
| |
| display: inline-block;
| |
| padding-left: 100%;
| |
| animation: marquee 5s linear infinite;
| |
| }
| |
| | |
| .marquee2 span {
| |
| display: inline-block;
| |
| padding-left: 100%;
| |
| animation: marquee2 2s linear infinite;
| |
| }
| |
| | |
| @keyframes marquee {
| |
| 0% {
| |
| transform: translate(0, 0);
| |
| }
| |
| 100% {
| |
| transform: translate(-200%, 0);
| |
| }
| |
| } | |
| | |
| @keyframes marquee2 {
| |
| 0% {
| |
| transform: translate(0, 0);
| |
| }
| |
| 100% {
| |
| transform: translate(-100%, 0);
| |
| }
| |
| } | |