Matilda поможет вам разобраться в тонкостях работы с Tilda, улучшить проект и достичь вау-эффекта. Scroll down matilda / design — это платформа, которая предлагает набор эффектов, модификаций и уроков по Tilda .t-rec#rec675227205 { overflow: visible; }#rec675227205 .t396__carrier,#rec675227205 .t396__filter,#rec675227205 .t396__artboard {height: 653px !important;width: 100vw !important;max-width: 100%;} t_onFuncLoad('t396_initialScale', function () {
t396_initialScale('675227205');
});
t_onReady(function () {
t_onFuncLoad('t396_init', function () {
t396_init('675227205');
});
});
$('.link-slide-2').addClass('link-slide');
:root {
--SlideTextColor: #AEB0B5; /* Цвет текста по наведению */
}
.link-slide a {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
}
.link-slide a::before {
position: absolute;
top: 100%;
color: var(--SlideTextColor);
content: " " attr(data-content);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.link-slide-2 a::before {
color: #AEB0B5 !important;
}
.link-slide a:hover,
.link-slide a:focus {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.wrapper-slide-text {
overflow: hidden;
}
$(document).ready(function () {
$('.link-slide').each(function () {
$(this).find('a').each(function() {
var slide_text = $(this);
var slide_text_inside = slide_text.text();
slide_text.attr('data-content', slide_text_inside);
});
});
$('.link-slide .tn-atom a').each(function () {
$(this).wrap('<div class="wrapper-slide-text"></div>');
});
});
#rec675227207 .t396__artboard {min-height: 550px;height: 100vh; background-color: #ffffff; }#rec675227207 .t396__filter {min-height: 550px;height: 100vh; }#rec675227207 .t396__carrier{min-height: 550px;height: 100vh;background-position: center center;background-attachment: scroll;background-size: cover;background-repeat: no-repeat;}@media screen and (max-width: 1199px) {#rec675227207 .t396__artboard,#rec675227207 .t396__filter,#rec675227207 .t396__carrier {}#rec675227207 .t396__filter {}#rec675227207 .t396__carrier {background-attachment: scroll;}}@media screen and (max-width: 959px) {#rec675227207 .t396__artboard,#rec675227207 .t396__filter,#rec675227207 .t396__carrier {}#rec675227207 .t396__filter {}#rec675227207 .t396__carrier {background-attachment: scroll;}}@media screen and (max-width: 639px) {#rec675227207 .t396__artboard,#rec675227207 .t396__filter,#rec675227207 .t396__carrier {min-height: 530px;}#rec675227207 .t396__filter {}#rec675227207 .t396__carrier {background-attachment: scroll;}}@media screen and (max-width: 479px) {#rec675227207 .t396__artboard,#rec675227207 .t396__filter,#rec675227207 .t396__carrier {min-height: 130px;}#rec675227207 .t396__filter {}#rec675227207 .t396__carrier {background-attachment: scroll;}} #rec675227207 .tn-elem[data-elem-id="1700534980354"] { z-index: 2; top: calc(50vh - 50px + 0px);left: calc(50% - 50% + 0px);width: 100%;height:100%;}#rec675227207 .tn-elem[data-elem-id="1700534980354"] .tn-atom { background-position: center center;border-color: transparent ;border-style: solid ; }@media screen and (max-width: 1199px) {#rec675227207 .tn-elem[data-elem-id="1700534980354"] {left: calc(50% - 50% + 13px);width: 227%;}}@media screen and (max-width: 959px) {#rec675227207 .tn-elem[data-elem-id="1700534980354"] {top: calc(275px - 50% + 0px);left: calc(50% - 50% + 0px);width: 100%;}}@media screen and (max-width: 639px) {}@media screen and (max-width: 479px) {#rec675227207 .tn-elem[data-elem-id="1700534980354"] {top: calc(275px - 50% + -520px);}} #rec675227207 .tn-elem[data-elem-id="1700537731754"] { z-index: 3; top: calc(50vh - 50px + 0px);left: calc(50% - 50% + 0px);width: 100%;height:100%;}#rec675227207 .tn-elem[data-elem-id="1700537731754"] .tn-atom { background-position: center center;border-color: transparent ;border-style: solid ; }@media screen and (max-width: 1199px) {}@media screen and (max-width: 959px) {#rec675227207 .tn-elem[data-elem-id="1700537731754"] {top: calc(275px - 50% + 460px);}}@media screen and (max-width: 639px) {}@media screen and (max-width: 479px) {} #rec675227207 .tn-elem[data-elem-id="1700537241095"] { z-index: 4; top: -23px;left: calc(50% - 50% + 0px);width: 100%;height:350px;}@media (min-width: 1200px) {#rec675227207 .tn-elem.t396__elem--anim-hidden[data-elem-id="1700537241095"] {opacity: 0;}}#rec675227207 .tn-elem[data-elem-id="1700537241095"] .tn-atom {border-radius: 20px; background-color: #ffffff; background-position: center center;border-color: transparent ;border-style: solid ; }@media screen and (max-width: 1199px) {#rec675227207 .tn-elem[data-elem-id="1700537241095"] {top: -40px;left: calc(50% - 50% + 0px);}}@media screen and (max-width: 959px) {#rec675227207 .tn-el