Сервис для Tilda "Подарочная карта"

Сервис, который поможет повысить продажи в вашем бизнесе. Подключите продажу и прием подарочных карт на Тильде

Открыть инструкцию

Открыть шаблон

Пример работы

Коллекция /

Сервис для Tilda "Подарочная карта"

1. Добавляем в зеро блок и задаем ему класс .uc-tistols-tl04

2. Добавляем текстовый элемент, который будет с эффектом прозрачности.
Задаем ему цвет и класс .tistols-border-text

3. Поверх текстового элемента добавляем изображение/галерею

4. Добавляем блок T123 и вставляем в него код из генератора


<!--TL04 - Модификация для Тильды. Эффект прозрачного текста https://mod.tistols.com/prozrachniy-tekst-->
<style>
    .uc-tistols-border-text {
        position: relative
    }
    .tistols-border-text-a {
        z-index: 55!important;
        pointer-events: none;
    }
    .tistols-border-text-a .tn-atom {
        color: rgba(255, 255, 255, 0)!important; /* Делаем текст прозрачным */
          -webkit-text-stroke: 1px #fff;
    }
</style>
<script>
$(function(){
var clonedElement = $('.tistols-border-text').clone(true);
clonedElement.addClass('tistols-border-text-a').appendTo('.uc-tistols-tl04 .t396__artboard');
console.log('Добавлено')
})

</script>

Добавьте шаблон страницы к себе в проект.

Нажмите на кнопку "Создать новую страницу"
Пролистайте до конца
В "Указать ID страницы" напишите номер 43195129

Вам также может быть интересно:

Закрашивание фона и смена картинки
Карточки с 3D-разворотом при наведении
Бегущая строка при наведении