You'll thank us later
No really. We went to town making you a skin routine that was both powerful and stupid simple. Just realized that you look your age?

Start now.
Looking to get embarrassing acne in check? Yup, does that too. You might think...no one tube should have all that power

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

Используя панель справа вы получаете сразу готовый код с нужным эффектом
В поле selector нужно указать класс или id элемента, с вашего сайта, который вы собираетесь модифицировать.
С помощью ползунков эффектов установите нужные параметры.
Автоматически сформируется код эффекта для вашего сайта, просто скопируйте код с нужным действием (постоянный, при клике, при наведении) и вставьте в блок T123 на вашем сайте TILDA.
Если вы хотите использовать на странице несколько эффектов, тогда вам нужно будет изменить значение поля class на любое другое.
Значения этого поля не должны повторятся.
Эффекты и изменение цвета элементов
<style>.tn-elem__1097370981560202674838 { filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%);}</style>
Постоянный (перманентный) эффект
<style>.sepia {filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%);transition: filter 0.4s;}</style><script>(function () {var elem = $(".tn-elem__1097370981560201565055"); elem.click(function(){$(this).addClass("sepia");})}());</script>
При клике
<style>.sepia {filter: filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%);transition: filter 0.4s;</style><script>(function () {var elem = $(.tn-elem__1097370981560201565055); elem.click(function(){$(this).toggleClass("sepia");})}());</script>
При клике добавление эффекта и отмена при повторном клике
<style>.tn-elem__1097370981560201565055 {transition: filter 0.4s;}.tn-elem__1097370981560201565055 :hover {filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%);}</style>
При наведении
Есть вопросы?
comments powered by HyperComments
Вот что есть еще
Made on
Tilda