В этом видео мы сделаем эффект градиента для кнопки в Zero block На Tilda.

Регистрируйтесь на лучшем конструкторе для создания сайтов Tilda: Регистрация здесь

Как создать кнопку с градиентом в ZeroBlock на Tilda


<style>
/*Эффект для кнопки*/
[href='#aboutme'] {
    background-image: linear-gradient(45deg , #FFD115 60%, #ff5959);
    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='#aboutme']:hover {
   box-shadow: 0 0 0 0 rgba(0,40,120,0);
   background-position: 0 0 !important;
}
</style>
Как выполнить данный пример:

1. Добавили ZeroBlock
2. Добавили в него элемент Button/Кнопка и присвоили ей ссылку #aboutme
3. Добавили на страницу код в блок ДРУГОЕ►Т123
Цвета можно настроить в этой строке
background-image: linear-gradient(45deg , #FFD115 60%, #ff5959);
45deg - угол направления градиента Ссылку можно написать свою!!
Хочу такую кнопку
Если вам не хочется самому разбираться, можете оставить заявку и я с вами свяжусь для уточнения подробностей.
Скрипт и инструкции взяты и используются с официального сайта mo-ti.ru
Пожертвование на развитие проекта
Другие полезные уроки и статьи
Оставить заявку:
Написать мне в:
Нажимая кнопку, вы принимаете Положение и Согласие на обработку персональных данных
Есть вопросы?
Напишите мне