Сервис для 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>
Добавьте шаблон страницы к себе в проект.
  1. Нажмите на кнопку "Создать новую страницу"
  2. Пролистайте до конца
  3. В "Указать ID страницы" напишите номер 43195129
Вам также может быть интересно:
  • Закрашивание фона и смена картинки
  • Карточки с 3D-разворотом при наведении
  • Бегущая строка при наведении