Guest
Размыть края изображений в Тильде в ZERO-блоке. Растворить края фото Тильда, Размыть текст Тильда. Ссылка на программный код: ================= Индивидуальное обучение Тильде: ================= ЗАРАБАТЫВАЙТЕ НА МОИХ ВИДЕО: ОПИСАНИЕ: ================= Обычно для этого приходится редактировать фотографии в каком-нибудь графическом редакторе, но не все умеют это делать, да и времени уходит порядочно. Поэтому я написал программный код, который поможет растворить края картинок в Тильде без привлечения сторонних редакторов. Этот код плавно смешивает края с фоном. Есть и прочие области применения. Можно таким образом размыть края не только у фотографий, но и у любых других элементов - галерей, шейпов и даже текстов. Тексты получаются как бы состаренные, потёртые. Или можно чтобы текст постепенно становился прозрачным с любых сторон на выбор - у этого текста, к примеру, размыты правый и левый края, а у этого – только верхний. А из шейпов можно делать вот такие линии. Есть несколько офигенных преимуществ размывать края не в графическом редакторе, а программным кодом. прозрачная рамка в Тильде делается быстро и просто. Во-первых, если это делать в редакторе, то это придётся делать каждый раз когда Вы существенно меняете размер изображения, потому что при изменении размеров всей картинки размеры полупрозрачных полей тоже пропорционально меняются. А в программном коде Вы просто за несколько секунд измените вот эти числа и сразу увидите результат. Замена изображений упрощается – Вам не надо редактировать новое изображение если Вы решили его вставить в тот же элемент. Во-вторых, если Вы вставляете изображение в Шэйп, и оно не полностью вписывается (это когда соотношение сторон шэйпа отличается от соотношения сторон изображения), то какие-то стороны изображения обрезаются границами шэйпа. И тогда может обрезаться край, над которым Вы трудились в графическом редакторе. А с программным кодом Вы можете не заморачиваться - края всегда автоматически будут плавно переходить в фон даже если Вы поменяете размеры шэйпа. Ну и в-третьих – Вы в любой момент можете деактивировать эффект парой щелчков мыши как для всех полей, так и для отдельных на выбор. А если потом потребуется – то в любое время снова активировать. И Вам не придётся каждый раз редактировать и подгружать картинки. Важная особенность, о которой необходимо знать: Мой программный код оперирует не полупрозрачностью, а смешиванием. То есть, по факту не само изображение становится полупрозрачным, а оно к краям постепенно переходит в бордюр, имеющий цвет фона. Поэтому если Вы используете неоднородный фон (например, в качестве фона фотография или какой-то градиент или на фоне какие-то другие элементы), то Вы увидите вот такую рамку. В таких случаях мой код не поможет, и придётся редактировать изображение в редакторе. Теперь – о том как применять мой программный код. В ZERO-блоке надо нажать правой кнопкой мыши на элементе, края которого надо размыть, и выбрать пункт меню Add CSS Class Name – то есть добавить имя CSS-класса. Справа в настройках элемента появится поле, в него надо впечатать название эффекта. В данном случае это adgeopacity, типа по-английски – прозрачность края. Название эффекта и его программный код Вы можете взять из файла с моего сайта. Ссылочку я выложил внизу, в описании к этому ролику. Открываем файлик и копируем оттуда всё содержимое. Добавляем на страницу блок Т-123 HTML и вставляем в него содержимое файлика. Вот здесь название эффекта, которое Вы должны присвоить элементу, и я уже показывал как это сделать. А сюда вставляем код цвета фона со знаком решётки. Если у Вас фон белый, то это решётка и шесть букв f. А если Вы меняли цвет фона блока, то переходите в его редактирование и копируете его отсюда. После этого всё будет работать. Ключевые слова: размыть края изображений в тильде растворить края изображений в тильде тильда размыть изображение тильда растворить изображение плавные края фото в тильде размыть края фото в тильде размыть края фотографии в тильде полупрозрачные края изображений в тильде плавные края изображений в тильде край рисунка в тильде край фото в тильде край изображения в тильде tilda плавный переход плавный переход в тильде размыть фото в тильде размыть текст в тильде рисунок зеро блок прозрачная рамка в тильде
