✅ Как сделать градиентное переливание текста?
Градиентное переливание - чистый HTML и CSS, поэтому он будет очень прост в использовании и не требует JavaScript. Он посылает красочный переход разных цветов по тексту с помощью градиента, придавая ему очень современный вид.
Оставляем готовый код ниже, c помощью которого вы сможете добавить данный эффект на сайт: ⤵️
Градиентное переливание - чистый HTML и CSS, поэтому он будет очень прост в использовании и не требует JavaScript. Он посылает красочный переход разных цветов по тексту с помощью градиента, придавая ему очень современный вид.
Оставляем готовый код ниже, c помощью которого вы сможете добавить данный эффект на сайт: ⤵️
span {
text-transform: uppercase;
font-weight: 700;
font-size: 55px;
font-family: sans-serif;
background-image: linear-gradient(-225deg, #231557 0%, #670303 29%, #ff4545 67%, #fff800 100%);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: color 2s linear infinite;
}
@keyframes color {
to {
background-position: 200% center;
}
}
#практика #css