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