Как размыть края изображений в Тильде в ZERO блоке. Растворить края фото Тильда Размыть текст Тильда
Размыть края изображений в Тильде в ZERO-блоке. Растворить края фото Тильда, Размыть текст Тильда.
Ссылка на программный код:
=================
Индивидуальное обучение Тильде:
=================
ЗАРАБАТЫВАЙТЕ НА МОИХ ВИДЕО:
ОПИСАНИЕ:
=================
Обычно для этого приходится редактировать фотографии в каком-нибудь графическом редакторе, но не все умеют это делать, да и времени уходит порядочно. Поэтому я написал программный код, который поможет растворить края картинок в Тильде без привлечения сторонних редакторов. Этот код плавно смешивает края с фоном.
Есть и прочие области применения. Можно таким образом размыть края не только у фотографий, но и у любых других элементов - галерей, шейпов и даже текстов. Тексты получаются как бы состаренные, потёртые. Или можно чтобы текст постепенно становился прозрачным с любых сторон на выбор - у этого текста, к примеру, размыты правый и левый края, а у этого – только верхний. А из шейпов можно делать вот такие линии.
Есть несколько офигенных преимуществ размывать края не в графическом редакторе, а программным кодом. прозрачная рамка в Тильде делается быстро и просто.
Во-первых, если это делать в редакторе, то это придётся делать каждый раз когда Вы существенно меняете размер изображения, потому что при изменении размеров всей картинки размеры полупрозрачных полей тоже пропорционально меняются. А в программном коде Вы просто за несколько секунд измените вот эти числа и сразу увидите результат. Замена изображений упрощается – Вам не надо редактировать новое изображение если Вы решили его вставить в тот же элемент.
Во-вторых, если Вы вставляете изображение в Шэйп, и оно не полностью вписывается (это когда соотношение сторон шэйпа отличается от соотношения сторон изображения), то какие-то стороны изображения обрезаются границами шэйпа. И тогда может обрезаться край, над которым Вы трудились в графическом редакторе. А с программным кодом Вы можете не заморачиваться - края всегда автоматически будут плавно переходить в фон даже если Вы поменяете размеры шэйпа.
Ну и в-третьих – Вы в любой момент можете деактивировать эффект парой щелчков мыши как для всех полей, так и для отдельных на выбор. А если потом потребуется – то в любое время снова активировать. И Вам не придётся каждый раз редактировать и подгружать картинки.
Важная особенность, о которой необходимо знать:
Мой программный код оперирует не полупрозрачностью, а смешиванием. То есть, по факту не само изображение становится полупрозрачным, а оно к краям постепенно переходит в бордюр, имеющий цвет фона. Поэтому если Вы используете неоднородный фон (например, в качестве фона фотография или какой-то градиент или на фоне какие-то другие элементы), то Вы увидите вот такую рамку. В таких случаях мой код не поможет, и придётся редактировать изображение в редакторе.
Теперь – о том как применять мой программный код.
В ZERO-блоке надо нажать правой кнопкой мыши на элементе, края которого надо размыть, и выбрать пункт меню Add CSS Class Name – то есть добавить имя CSS-класса. Справа в настройках элемента появится поле, в него надо впечатать название эффекта. В данном случае это adgeopacity, типа по-английски – прозрачность края.
Название эффекта и его программный код Вы можете взять из файла с моего сайта. Ссылочку я выложил внизу, в описании к этому ролику.
Открываем файлик и копируем оттуда всё содержимое.
Добавляем на страницу блок Т-123 HTML и вставляем в него содержимое файлика. Вот здесь название эффекта, которое Вы должны присвоить элементу, и я уже показывал как это сделать. А сюда вставляем код цвета фона со знаком решётки. Если у Вас фон белый, то это решётка и шесть букв f. А если Вы меняли цвет фона блока, то переходите в его редактирование и копируете его отсюда.
После этого всё будет работать.
Ключевые слова:
размыть края изображений в тильде
растворить края изображений в тильде
тильда размыть изображение
тильда растворить изображение
плавные края фото в тильде
размыть края фото в тильде
размыть края фотографии в тильде
полупрозрачные края изображений в тильде
плавные края изображений в тильде
край рисунка в тильде
край фото в тильде
край изображения в тильде
tilda плавный переход
плавный переход в тильде
размыть фото в тильде
размыть текст в тильде
рисунок зеро блок
прозрачная рамка в тильде
1 view
1829
641
7 days ago 00:56:15 1
«Поэтессы-песенницы». Лекция Анастасии Репиной
7 days ago 00:04:37 1
Ленинград - Какого хера нет моего размера (Концерт на Новой Волне 2015)
7 days ago 00:55:32 1
«Писательские семьи». Лекция Анастасии Репиной
1 week ago 00:35:24 1
«Аристократки и придворные поэтессы». Лекция Анастасии Репиной
1 week ago 00:47:49 1
ВОЙНА.ДЕНЬ 940. ВСУ ВЫШЛИ ЗА ВЕСЕЛОЕ/ ГИГАНТСКИЕ МАСШТАБЫ РАЗРУШЕНИЙ В ТОРОПЦЕ/ В АТАКУ НА КОСТЫЛЯХ
1 week ago 00:22:56 1
Сатья. Не совпали размеры?
1 week ago 01:03:11 1
Как разрешить себе масштаб? Как выйти на доход, который соответствует моему уровню?
1 week ago 00:30:40 1
Как связать сумочку из рафии любого размера... Вязание крючком...
1 week ago 00:00:48 1
Нашел ту самую Красавицу 😍 Пранк в машине и Шепелявый прикол 🔥 Сахар тв и юмористическое шоу скетч
1 week ago 00:56:21 1
ФИЗИКА МУЗЫКИ. АБСОЛЮТНЫЙ СЛУХ | JOHN KALLIGAN | РОК ЖИВ
1 week ago 01:41:43 1
1000 лет колдовства на Руси за 2 часа / Ксения Чепикова и Егор Яковлев
1 week ago 00:50:32 2
Масштабы и уровни самоуправления в России. Лекция Германа Артамонова №9 // Фонд СветославЪ
1 week ago 00:22:29 1
рисуем ублюдских гномов и защищаем пиво ценой собственной жизни
1 week ago 00:05:15 1
Продолжите фразу из фильма. Блиц-опрос для киноманов
1 week ago 00:28:24 1
КАК ПОГИБЛА АКЕЛЛА
1 week ago 01:37:10 1
Всех в армию, «Собеседник» — иноагент, Обмен пленными, Туристы в космосе. Левиев, Колесников, Егоров
1 week ago 00:37:21 1
👼Детская кофта спицами Базовая модель на любой размер Мастер-класс для начинающих/children’s sweater
1 week ago 00:01:40 1
За прошедшую ночь сбито 144 беспилотника в центре России! Коснётся каждого, народ! НОД ждёт тебя!!!
1 week ago 00:38:42 1
МИТЕНКИ СПИЦАМИ НА ЛЮБОЙ РАЗМЕР/ БАЗОВАЯ МОДЕЛЬ /
1 week ago 01:49:25 1
ШИЗАНУВШИЕСЯ... БЕГИТЕ ОТ ЛЕВЫХ! ГАЛОПЕРИДОЛА БОЛЬШЕ НЕТ!
1 week ago 00:06:28 1
медитация с гор на разблокировку ступоров
1 week ago 00:03:05 1
ГОТОВИМ Из БЫСТРОГО ПРОСТОГО Теста Очень Вкусные пирожки с картошкой!