Поворот карточек стандартного блока ST300
Скопируйте и добавьте в блок Т123-HTML программный код описанный ниже для соответствующего стандартного блока.

Блоки Т123-HTML рекомендуется добавлять в самом низу,
после всех блоков на странице.

<!-- ДЛЯ БЛОКА ST300 -->
<script>
    $(".t754__col").find(".t754__content").css({
        "perspective": "6000px",
        "transform-style": "preserve-3d",
    	"overflow": "visible",
    	"display": "block",
    	"background-color": "rgba(0,0,0,0)"
    });
    $(".t754__col").find(".t754__imgwrapper").css({
        "perspective": "6000px",
        "transform-style": "preserve-3d",
    	"overflow": "visible",
        "perspective-origin": "50% 50%",
        "transition" : "0.5s linear"
    });
    $(".t754__imgwrapper").children().css({
        "backface-visibility": "hidden"
    });
    $(".t754__col").each(function() {
        $(this).find(".t754__bgimg_second").css({
            "transform": "rotateY(180deg) translateZ(1px)"
        });        
        $(this).hover(function(){
            $(this).find(".t754__imgwrapper").css({
                "transform": "rotateY(-180deg)"
            });
        }, function(){	
            $(this).find(".t754__imgwrapper").css({
                "transform": "rotateY(0deg)"
            });
        });
    });
    $(".t754__bgimg").addClass("danopacity0");
</script>
<style>
    .danopacity0 {
        opacity: 1 !important;
    }
</style>
More products
Поворот карточек стандартного блока ST305N
Скопируйте и добавьте в блок Т123-HTML программный код описанный ниже для соответствующего стандартного блока.

Блоки Т123-HTML рекомендуется добавлять в самом низу,
после всех блоков на странице.

<!-- ДЛЯ БЛОКА ST305N -->
<script>
    $(".t776__col").find(".t776__content").css({
        "perspective": "6000px",
        "transform-style": "preserve-3d",
    	"overflow": "visible",
    	"display": "block",
    	"background-color": "rgba(0,0,0,0)"
    });
    $(".t776__col").find(".t776__imgwrapper").css({
        "perspective": "6000px",
        "transform-style": "preserve-3d",
    	"overflow": "visible",
        "perspective-origin": "50% 50%",
        "transition" : "0.5s linear"
    });
    $(".t776__imgwrapper").children().css({
        "backface-visibility": "hidden"
    });
    $(".t776__col").each(function() {
        $(this).find(".t776__bgimg_second").css({
            "transform": "rotateY(180deg) translateZ(1px)"
        });        
        $(this).hover(function(){
            $(this).find(".t776__imgwrapper").css({
                "transform": "rotateY(-180deg)"
            });
        }, function(){	
            $(this).find(".t776__imgwrapper").css({
                "transform": "rotateY(0deg)"
            });
        });
    });
    $(".t776__bgimg").addClass("danopacityy");
</script>
<style>
    .danopacityy {
        opacity: 1 !important;
    }
</style>
SALE
Sabrina Fossi clock
79
р.
200
р.
Radio BRAUN
90
р.
Accessories by Ionna Vautrin
108
р.
Поворот карточек стандартного блока ST310N
Скопируйте и добавьте в блок Т123-HTML программный код описанный ниже для соответствующего стандартного блока.

Блоки Т123-HTML рекомендуется добавлять в самом низу,
после всех блоков на странице.

<!-- ДЛЯ БЛОКА ST310N -->
<script>
    $(".t778__col").find(".t778__wrapper").css({
        "perspective": "6000px",
        "transform-style": "preserve-3d",
    	"overflow": "visible",
    	"display": "block",
    	"background-color": "rgba(0,0,0,0)"
    });
    $(".t778__col").find(".t778__imgwrapper").css({
        "perspective": "6000px",
        "transform-style": "preserve-3d",
    	"overflow": "visible",
        "perspective-origin": "50% 50%",
        "transition" : "0.5s linear"
    });
    $(".t778__imgwrapper").children().css({
        "backface-visibility": "hidden"
    });
    $(".t778__col").each(function() {
        $(this).find(".t778__bgimg_second").css({
            "transform": "rotateY(180deg) translateZ(1px)"
        });        
        $(this).hover(function(){
            $(this).find(".t778__imgwrapper").css({
                "transform": "rotateY(-180deg)"
            });
        }, function(){	
            $(this).find(".t778__imgwrapper").css({
                "transform": "rotateY(0deg)"
            });
        });
    });
    $(".t778__bgimg").addClass("danopacityyy");
</script>
<style>
    .danopacityyy {
        opacity: 1 !important;
    }
</style>
SALE
Sabrina Fossi clock
79
р.
200
р.
Radio BRAUN
90
р.
Accessories by Ionna Vautrin
108
р.
Поворот карточек стандартного блока ST315N
Скопируйте и добавьте в блок Т123-HTML программный код описанный ниже для соответствующего стандартного блока.

Блоки Т123-HTML рекомендуется добавлять в самом низу,
после всех блоков на странице.

<!-- ДЛЯ БЛОКА ST315N -->
<script>
    $(".t786__col").find(".t786__content").css({
        "perspective": "6000px",
        "transform-style": "preserve-3d",
    	"overflow": "visible",
    	"display": "block",
    	"background-color": "rgba(0,0,0,0)"
    });
    $(".t786__col").find(".t786__imgwrapper").css({
        "perspective": "6000px",
        "transform-style": "preserve-3d",
    	"overflow": "visible",
        "perspective-origin": "50% 50%",
        "transition" : "0.5s linear"
    });
    $(".t786__imgwrapper").children().css({
        "backface-visibility": "hidden"
    });
    $(".t786__col").each(function() {
        $(this).find(".t786__bgimg_second").css({
            "transform": "rotateY(180deg) translateZ(1px)"
        });        
        $(this).hover(function(){
            $(this).find(".t786__imgwrapper").css({
                "transform": "rotateY(-180deg)"
            });
        }, function(){	
            $(this).find(".t786__imgwrapper").css({
                "transform": "rotateY(0deg)"
            });
        });
    });
    $(".t786__bgimg").addClass("danopacityyyy");
</script>
<style>
    .danopacityyyy {
        opacity: 1 !important;
    }
</style>
More products
Поворот карточек стандартного блока ST320N
Скопируйте и добавьте в блок Т123-HTML программный код описанный ниже для соответствующего стандартного блока.

Блоки Т123-HTML рекомендуется добавлять в самом низу,
после всех блоков на странице.

<!-- ДЛЯ БЛОКА ST320N -->
<style>
    .t-bgimg {
        opacity: 1 !important;
    }
    .t-store__card > a {
        perspective: 6000px;
        transform-style: preserve-3d;
    	overflow: visible;
    	display: block;
    	background-color: rgba(0,0,0,0);
    }
    .t-store__card__imgwrapper {
        perspective: 6000px;
        transform-style: preserve-3d;
    	overflow: visible;
        perspective-origin: 50% 50%;
        transition : 0.5s linear;
    }
    .t-store__card__imgwrapper > div {
        backface-visibility: hidden;
    }
    .t-store__card__bgimg_second {
            transform: rotateY(180deg) translateZ(1px);
    }
    .t-store__card:hover .t-store__card__imgwrapper {
        transform: rotateY(-180deg);
    }
</style>


Student Account
Предоставляется для создания учебных проектов. Не предназначен для коммерческого использования
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website
Student