Template:Colored dot: Difference between revisions

Newer edit →

VisualWikitext

@@ 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); }
+% {
+    filter:blur(0px)
+  }
+% {
+    filter:blur(1px)
+  }
+%{
+    filter:blur(0px)
+  }
+% { filter:blur(.6px)}
+% { filter:blur(0px)}
+  to {
+    filter: blur(2px);
+  }
+}
+@keyframes fade {
+% {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 {
+% {
+    transform: translate(0, 0);
+  }
+% {
+    transform: translate(-200%, 0);
+  }
+}
+@keyframes marquee2 {
+% {
+    transform: translate(0, 0);
+  }
+% {
+    transform: translate(-100%, 0);
+  }
+}