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

Материал из Космическая Станция 14 Вики
Нет описания правки
Нет описания правки
 
(не показано 6 промежуточных версий этого же участника)
Строка 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:
 
.css-selector {
.tooltip {
  -webkit-text-fill-color: transparent;
    position: relative;
  -webkit-background-clip: text !important;
    display: inline
  background:  
}
     linear-gradient(
 
      45deg,
.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;
  0% { background-position: 200% 50% }
    opacity: 0.98
  100% { background-position: 0% 50% }
}
}
}}
}}

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

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