Насмотренность

Насмотренность

149 bookmarks
Custom sorting
Chea
Chea
Воздух, шрифты, размеры, цвета
THERMAL BATH OIL MASSAGES
·chea.qodeinteractive.com·
Chea
Perspectives - Google Design.
Perspectives - Google Design.
Инверсный курсор, карточки меняют форму
·design.google·
Perspectives - Google Design.
ГК Остов
ГК Остов
Размеры шрифтов, блоки. Сделан на Bitrix
·ostov.group·
ГК Остов
Matilda Design
Matilda Design
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
·mt-webdesign.ru·
Matilda Design