Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
Как в слайдере TE800 сделать выделенным центральный активный слайд в Tilda
New products
Aesthetic goods and beauty accessories that will be popular this summer season

Как в слайдере TE800 сделать выделенным центральный активный слайд в Tilda

1
Создали TE800
Настроили 3 слайда в ряд и выставили соотношение 1 к 1
2
Добавили код в блок Другое - Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Как в слайдере TE800 сделать выделенным центральный активный слайд в Tilda
Фрагмент видео
Библиотека для примера

<style>

.t923__content {
    position: absolute;
    height: auto !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    width: 100%;
    text-align: center;
}
.t923__imgwrapper {
    opacity: 0;
    transition: all 0.6s ease-in-out;
}
.t923__wrapper {
    background: transparent;
    position: relative;
}
.t923__bgimg {
    border-radius: 50%;
}
.t923__content {
    background: none !important;
}

@media screen and (min-width:960px){
.t923 .t-slds__arrow_wrapper {
    width: 33%;
}    
.t923 .t-slds__item_active+div .t-card__title {
    color: #fff !important;
}
.t923 .t-slds__item_active+div .t923__imgwrapper {
    opacity: 1;
}
}
@media screen and (max-width:960px){
.t923 .t-slds__item_active .t923__imgwrapper {
    opacity: 1;
}   
.t923 .t-slds__item_active .t-card__title {
    color: #fff !important;
}
.t923__title {
    font-size: 40px !important;
}
}
</style>
Made on
Tilda