Участник:Index/sandbox: различия между версиями

ВизуальныйВики-текст

Текущая версия от 23:17, 12 марта 2024

ГРАДИЕНТ!!!!!!!!!!!

@@ Строка 1: / Строка 1: @@
-<span class="tooltip" style="cursor:help;"><span style="color:#EFEBD8">''{{{1|ваш текст}}}''</span><!--
+<p class="css-selector">ГРАДИЕНТ!!!!!!!!!!!</p>
---><span class="tooltiptext" style="color:white;font-size:initial"><!--
---><span style="display: block;text-align: center;">{{#if:{{{img|}}}|[[File:{{{img}}}|middle|96px]]|}}</span><!--
---><span style="display: block;text-align: center;font-size:85%;">{{{2|Название}}}</span><!--
---><span style="display: block;text-align: left;line-height: 15px;font-size:75%;"><br>{{{3|Описание}}}{{#if:{{{4|}}}|<br>{{{4}}}|}}<!--
---></span></span></span>
 {{#css:
+.css-selector {
-.tooltip {
+  -webkit-text-fill-color: transparent;
-    position: relative;
+  -webkit-background-clip: text !important;
-    display: inline
+  background:
-}
+     linear-gradient(
+deg,
-.tooltiptext {
+      #f00 0%,
-    position: absolute;
+      #0400ff 35%,
-    display: initial;
+      #eaff00 50%,
-     z-index: 99999;
+      #b5b5b5 75%,
-    width: 295px;
+      #f00 100%
-    left: -10.6em;
+     );
-    top: 42px;
+  background-size: 500% auto;
-    padding: 5px;
+  background-position: 200% 50%;
-    pointer-events: none;
+  animation: gradient 6s linear infinite;
-    visibility: hidden;
-     opacity: 0;
-    white-space: normal;
-    text-align: left;
-    transition: all 0.2s;
-    border: 1px solid #465298;
-    background-color: #27272E
 }
-.tooltip:hover>.tooltiptext {
+@keyframes gradient {
-    visibility: visible;
+% { background-position: 200% 50% }
-    opacity: 0.98
+% { background-position: 0% 50% }
 }
 }}