Навигация
Получить консультацию менеджера
Нажимая на кнопку "Перезвонить мне" Вы соглашаетесь с политикой конфиденциальности
Социальные сети
Иконка ВК
Иконка Instagram
Иконка Телеграмм
Иконка Яндекс.Дзен
Увеличение карточек в стандартных блоках Tilda

Обратите внимание. Техническая поддержка Tilda Publishing не осуществляет поддержку связанную с работой кода.

Данная модификация позволит вам увеличить карточки стандартных блоки Tilda, без сложного кода
Данная модификация позволит увеличивать карточку в стандартных блоках Tilda при наведении на нее.
Отличная возможность добавить изюминку в Ваш проект.
Обратите внимание, что данный эффект будет работать только на десктоп версии сайта, так как для мобильных разрешений нет возможности наведения.
Как это выглядит?
Привет
We can estimate your company's opportunities, explore your economic status, analyze your vehicle access and foot traffic.
Marketing strategies
We develop the main conception of a company according to the company's targets and develop strategies of competitive advantage.
Branding concepts
We develop the strategy, conception, and ideology of the project and offer you city planning ideas.
Как это добавить?
Первый шаг
Создаём блок T123 и помещаем стиль, который дан ниже. На мобильной версии данная модификация не работает.

<!--Взято с сайта https://digistudio.su/uvelichenie-kartochek-v-standartnyh-blokah-->

<style>
/*Увеличение стандартной карточки при наведении*/
@media screen and (min-width: 1200px){
    .t858__col{     /*Нужный класс блока из таблицы*/
        transition: 0.2s ease-in-out;    /*Длительность и плавность анимации*/    
    }   
    .t858__col:hover{
        transform: scale(1.1);  /*Размер увеличения карточки*/ 
    }
}
</style>
Таблица
Вкладка "Галерея" из библиотеки блоков
Блок
Контейнер
GL03
.t214__blockimg
GL04
.t155 .t-bgimg
GL05
.t156 .t-img
GL12
.t603__blockimg
GL13
.t660__bgimg
GL14
.t661__bgimg
GL15
.t662__bgimg
GL16
.t680__bgimg
GL17
.t663__bgimg
GL20
.t604__imgwrapper
GL22
.t816__bgimg
GL23
.t827__image
GL24
.t909__bgimg
GL25
.t979__image
GL26
.t989 .t-slds__img
GL27
.t994__slds-wrapper
Вкладка "Плитка и ссылка" из библиотеки блоков
Блок
Контейнер
TE215
.t688__col
TE220
.t772__col
TE225
.t774__col
TE230
.t902__col
TE600
.t650__inner-col
TE800
.t923__col
Вкладка "Магазин" из библиотеки блоков
Блок
Контейнер
ST300
.t754__content, .js-product
ST305N
.t776__col, .js-product
ST310N
.t778__col, .js-product
ST315N
.t786__content, .js-product
ST320N
.t951__grid-cont .t-store__card
Вкладка "Команда" из библиотеки блоков
Блок
Контейнер
TM101
.t524__itemwrapper
TM102
.t537__itemwrapper
TM103
.t526__itemwrapper
TM201
.t527__itemwrapper
TM301
.t531__row
TM302
.t982__itemwrapper
TM401
.t532__col
TM402
.t539__itemwrapper
Вкладка "Услуги" из библиотеки блоков
Блок
Контейнер
SV201
.t844__col
SV202
.t858__col
SV203
.t850__col
SV305
.t859__col
SV306
.t842__col
SV401
.t851__col
SV402
.t853__col
SV403
.t856__col
SV404
.t857__col
SV405
.t852__col
SV406
.t860__col
Вкладка "Тарифы" из библиотеки блоков
Блок
Контейнер
PL100
.t592__content
PL102
.t598__content
PL105
.t599__content
PL110
.t615__content
PL115
.t609__col
PL120
.t616__col
PL125
.t608__col
Вкладка "Новости и потоки" из библиотеки блоков
Блок
Контейнер
FD101
.t896 .js-feed-post
FD201
.t924 .js-feed-post
FD301
.t897 .js-feed-post
FD302

.t915 .js-feed-post

Как Вам модификация?
С любовью к каждому проекту
Навигация по модификации
Made on
Tilda