Раздел 1 — урок 15
Кнопка с градиентной заливкой в ZERO-блоке
Большой курс по Лендингам на Tilda
Школа Практиков Ника Скопича
Код для кнопки с переливом:
— Установите код в блок «Другое — HTML-код»
<style>
/*Эффект для кнопки*/
[href='#reg'] {
    background-image: linear-gradient(45deg , #fd5392 60%, #f86f64);
    box-shadow: 0 16px 32px 0 rgba(255, 141, 0, 0.35);
    background-position: 100% 0 !important;
    background-size: 200% 200%;
    transition: all 0.5s ease-in-out !important;
}
/*Эффект для кнопки*/
[href='#reg']:hover {
   box-shadow: 0 0 0 0 rgba(0,40,120,0);
   background-position: 0 0 !important;
}
</style>
Домашнее задание
Реализуйте кнопку с переливом. Покажите, что получилось
comments powered by HyperComments
НА ГЛАВНУЮ >>

Есть вопрос или затык? Напишите мне в Telegram @nickskopych.
Есть вопрос?
Telegram
Made on
Tilda