sorry to be off topic but does any of you know of a way to log back into an Instagram account..? I was stupid lost the login password. I would love any help you can give me!
Лучший канал по работе в Зеро Блоке на Тильде! У меня HTML со скрежетом в голове умещается, а ЯВу вообще не воспринимаю. А тут такой кладезь. Хотелось бы по больше видосов.
Господи! Это же элементарно! Спасибо большое, кажется надо посмотреть чё там CSS умеет вообще, там же наверняка куча таких полезных инструментов есть. Если блюр выглядит как базовый, уверен таких вот горе веб дизайнеров как мы все в комментах ждёт целый сундук открытий 😂
А я делал все настройки в фигме, плюс настраивал градиенты и все такое, там копировал генерируемый код и настраивал уже через консоль css. Ещё прикольно присваивать объектам уникальный css класс, таким образом в макете будут применяться фильтры только к объектам с заданным классом) и для мобильных версий нужно добавлять -webkit-
Приветствую. Не подскажете как решить проблемку. Применяю бекдроп для изображения и он замыливает всю (квадратную) область картинки. А мне нужно чтобы блюр применялся не к квадратной области, а только к той где есть изображение. Ошибка аналогичная с той когда ты в зеро блоке устанавливаешь тень к изображению с прозрачным фоном, а тень отбрасывается как от квадратного блока, а не от содержания изображения.
А если еще добавить border: 1px solid rgba( 255, 255, 255, 0.3 ) то получится тооненькая полосочка окантовки. Придает больше эстетики, как по мне, можно и с бокс шадов инсет поиграться, но там на людителя.
Очень крутое видео, но не хватает информации о том как добавить несколько таких блоков в один код в перечислении, я знаю, но людям для их задумки этого может очень не хватать)
Здравствуйте. В начале видео рассказывается, как добавить непрозрачность и размытие фона в редакторе Тильды, возможно, задам дилетантский вопрос, но - для чего копировать код, если до него объект уже был настроен? Спасибо.
А если у меня в качестве обложки настроенный стандартный блок CR 16, в котором все устраивает, но хочется чтобы фон кнопки имел эффект матового стекла, это как-то можно поправить с помощью кода?
Здравствуйте, подскажите, пожалуйста, в чем может быть проблема, сделала по вашему уроку элементы на сайте, на одних мобильных устройствах отображается стекло, на других нет
КАк сделать перечисление нескольких классов Элементов. Что то у меня не получается. Не хотелось три блока "Т123" ставить. Буду очень благодарна за помощь
@@design_scripts дело в том что я не совсем понимаю что это я сделал фиксированое меню по одному уроку а прозрачность хотел сделать по твоему поесть у меня на меню повешено два html кода)
Уже ответил тебе в инсте. Вот код для остальных, у кого такая же проблема: -webkit-backdrop-filter: blur(6px); Для сафари используйте префикс "-webkit-"
Как я понял, это оттого что html и CSS интерпретируется разными браузерами по разному. И некоторые просят свои префиксы и прочие специальные надстройки.
Замечательный способ, спасибо. Обнаружил небольшое ограничение данного подхода. Когда делаешь закругление углов фигуры или вообще используешь вместо прямоугольника круг, то появляются жесткие артефакты joxi.ru/5md6oXu3dD49A1
Безусловно, лучше верстать самому, однако есть большой пласт заказчиков, которых Тильда, как платформа, вполне устраивает. Есть толпы дизайнеров, которые не хотят трогать верстку, но, тем не менее, желают создавать сайты. Для таких людей я и выпускаю видео с короткими и интересными фишками, которыми можно расширить функционал Тильды. Да и саму тильду со всем её функционалом уже сложно назвать просто конструктором, я считаю. Спасибо за комментарий ;)
Всё конечно замечательно, но благодаря таким как вы "учителям", я уже сутки ползаю на просторах интернета, не пашет лять ваш бекдроп и аналога не существует.
Спасибо, конечно, за комментарий, но дорогой «ученик», в тильде появились эти эффекты «из коробки». Кликните на элемент и в настройках выберите background blur
@@design_scripts мне параллельно на тильду и что там появилось, я доношу до вашего сведенья, данная лабуда не пашет на файрфоксе и на куче других браузерах. Хотя, на кой я объясняю, юзайте дальше тильду.
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
![Noob To Max With DRAGON REWORK In Blox Fruits [FULL MOVIE]](http://i.ytimg.com/vi/LnBMOinoOvA/mqdefault.jpg)
Я недавно начал вливаться в веб дизайн, и каждый раз когда у меня появлялись вопросы я натыкался на твои ролики, которые очень помогают)
sorry to be off topic but does any of you know of a way to log back into an Instagram account..?
I was stupid lost the login password. I would love any help you can give me!
@Enrique Ruben instablaster :)
Спасибо за твои уроки, очень информативно и без лишней воды. Будем ждать новых фишек, ты - молодец!
Рад, что мой контент полезен)
Большое спасибо. Мне очень понравился этот эффект и у меня получилось! Может это смешно, но для начинающего дизайнера -это маленькая победа.
Лучший канал по работе в Зеро Блоке на Тильде! У меня HTML со скрежетом в голове умещается, а ЯВу вообще не воспринимаю. А тут такой кладезь. Хотелось бы по больше видосов.
Гениально! Спасибо большое! Как раз искала реализацию этого эффекта, но при помощи фотошопа, а тут все гораздо проще теперь👍🏻
Спасибо, огромное! Очень просто и понятно, всё получилось с первого раза
Ооо, шикарно. Мне, как разработчику на тильде было полезно узнать про backdrop-filter на тильде в зеро блок
Спасибо тебе большое, всех благ!
Каждое видео жду с нетерпением)!
Благодарю за поддержку. У меня интересного контента запланировано на годы вперёд)
Господи! Это же элементарно!
Спасибо большое, кажется надо посмотреть чё там CSS умеет вообще, там же наверняка куча таких полезных инструментов есть.
Если блюр выглядит как базовый, уверен таких вот горе веб дизайнеров как мы все в комментах ждёт целый сундук открытий 😂
Нот бэд, спасибо за полезные фишки в zero block на тильде
Долго искал и наконец-то нашел, спасибо!
Как раз искал как сделать этот эффект, спасибо!
Спасибо огромное! Всё понятно и просто
спасибо!
все понятно и предельно ясно!
сделал с первого раза!
продолжай :)
Благодарю, все работает и на компе и на мобилке )
Большое спасибо! :) Очень полезно и просто :3
Благодарю, класс!!!
А я делал все настройки в фигме, плюс настраивал градиенты и все такое, там копировал генерируемый код и настраивал уже через консоль css. Ещё прикольно присваивать объектам уникальный css класс, таким образом в макете будут применяться фильтры только к объектам с заданным классом) и для мобильных версий нужно добавлять -webkit-
Обнял , приподнял ! !
Спасибо тебе большое!!!
большое спасибо)))
Для кросс браузерности стоит добавить -webkit-backdrop-filter: blur(6px);
Спасибо!) Как разу смотрел почему в моб. версии не работает))
При добавлении -webkit на телефоне стало работать и перестало работать на компе (chrome)
Как быть?
Тебе нужно сделать две записи: блюр без webkit’а, и блюр с webkit’ом
@@design_scripts а можно подробнее, для тех кто не шарит в коде
@@design_scripts всё разобрался спасибо
Приветствую. Не подскажете как решить проблемку. Применяю бекдроп для изображения и он замыливает всю (квадратную) область картинки. А мне нужно чтобы блюр применялся не к квадратной области, а только к той где есть изображение. Ошибка аналогичная с той когда ты в зеро блоке устанавливаешь тень к изображению с прозрачным фоном, а тень отбрасывается как от квадратного блока, а не от содержания изображения.
А если еще добавить border: 1px solid rgba( 255, 255, 255, 0.3 ) то получится тооненькая полосочка окантовки. Придает больше эстетики, как по мне, можно и с бокс шадов инсет поиграться, но там на людителя.
Cтанислав, скажи как сделать что бы на Сафари отображалось !
почему для круга блюр распространяется не тоьлко на круг но и на углы шейпа
Спасибо!
Очень крутое видео, но не хватает информации о том как добавить несколько таких блоков в один код в перечислении, я знаю, но людям для их задумки этого может очень не хватать)
Здравствуйте. В начале видео рассказывается, как добавить непрозрачность и размытие фона в редакторе Тильды, возможно, задам дилетантский вопрос, но - для чего копировать код, если до него объект уже был настроен? Спасибо.
Да нет, я тоже не поняла этот момент.
это он показывал в фигме
у меня почему-то скругление не работает для блюра. Сам шейп скругляется) будто эффект применился ко всей области объекта.
у кого так, допишите после ; это
border-radius: 70px;
кол-во пикселей подгоняется под ваш шейп
@@salamakhinavera Спасибо большое!!
Приветствую! Жду еще видео :)
Завтра в 9 по МСК видос о том, как сделать классный, кастомный слайдер, как на разных, знаешь, креативных сайтах. Жди ;)
@@design_scripts я уж думал ты забил на канал. Больно давно видео не выпускал.
Рад! Жду
Здравствуйте! Сделала всё как на видео, но у элемента не скругляются углы... Помогите советом
А если у меня в качестве обложки настроенный стандартный блок CR 16, в котором все устраивает, но хочется чтобы фон кнопки имел эффект матового стекла, это как-то можно поправить с помощью кода?
Здравствуйте, не отображается на iPhone, как это можно исправить?
Спасибище! Только вопрос - во многих роликах класс элемента смотришь через код, а не проще назначить класс в самом зиро блоке и прописать его в код?
Код срабатывает на всех устройствах, кроме айфона(( Не подскажите почему, как исправить?
Добрый день! Когда кликаю мышью по шейпу, чтобы добавить код, ничего не открывается
Здравствуйте, подскажите, пожалуйста, в чем может быть проблема, сделала по вашему уроку элементы на сайте, на одних мобильных устройствах отображается стекло, на других нет
Я дико извиняюсь за то что душню, но не проще сделать его из шэйпа с настройкой прозрачности или просто в ФШ нарисовать? Я не понял зачем тут код?
Фишка классная, НО к сожалению у меня не получается... почему?.. ХЗ... Разбираюсь дальше.
а как сделать также для мобильной версии?
как в мобильной версии сделать такой шейп с блюром ? в компьютерной версии все хорошо а в мобильной как будто что то неработает )
КАк сделать перечисление нескольких классов Элементов. Что то у меня не получается. Не хотелось три блока "Т123" ставить. Буду очень благодарна за помощь
просто через запятую их добавь
Для чего код и что он делает?
не работает, если шейп задействован в тригерной анимации ((
Лайк! Вопрос, применим ли код к меню?
хотел сделать фиксированое меню из zero block зафиксировать получилось а код на размытие не срабатывает(
Поиграйся с параметром z-index, сделай его меньше
@@design_scripts дело в том что я не совсем понимаю что это я сделал фиксированое меню по одному уроку а прозрачность хотел сделать по твоему поесть у меня на меню повешено два html кода)
@@МаратАбдрашитов напиши в вк или инсту со скриншотами, как выглядит твой код)
@@design_scripts спасибо, но методом проб и тыка всё заработало как надо даже в safari)
@@design_scripts а твоё портфолио можно посмотреть) фишки крутые, но интересно посмотреть как ты их используешь в собственных работах
Искал код css для зеро блока, чтобы добавить матовое стекло
почему то ссылка на код не открывается
Код не работает в мобильной версии:((
Супер!
Но не работает если применить анимацию к данному элементу. Как быть?
Добрый день. Нашли решение с применением анимации?
Сделай эффект матового стекла для стандартных гамбургерных меню на тильде
Всё будет)
спасибо, но Safari этот эффект не работает, хотя в chrome все работает. В чем причина?
Уже ответил тебе в инсте. Вот код для остальных, у кого такая же проблема: -webkit-backdrop-filter: blur(6px);
Для сафари используйте префикс "-webkit-"
Как я понял, это оттого что html и CSS интерпретируется разными браузерами по разному. И некоторые просят свои префиксы и прочие специальные надстройки.
Замечательный способ, спасибо.
Обнаружил небольшое ограничение данного подхода.
Когда делаешь закругление углов фигуры или вообще используешь вместо прямоугольника круг, то появляются жесткие артефакты joxi.ru/5md6oXu3dD49A1
Да, тоже, там дописать маленько надо, только я хз как. Афтар, как сделать?)
то же самое, как исправить?
На следующей строке, под строчкой "бэкдроп фильтр" напиши border-radius: 10px;
Ваш сайт с портфолио не работает
Портфолио на редизайне :)
все класс, но где ссылка на код?))
Добрый день, а где код ?
yadi.sk/d/gVbdvBKiJpnAhg
На мобилке не видел блюр(((((
Да, как сделать на мобильниках чтоб работало?
перед строкой в backdrop добавь, чтобы вот так было -webkit-backdrop-filter: blur(6px);
@@igotbooze При добавлении -webkit на телефоне стало работать и перестало работать на компе (chrome)
Как быть?
@@taknado6576 -webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
@@o.ssultan гений, спасибо!)
выглядит неплохо, но эти конструкторы такая дичь
Безусловно, лучше верстать самому, однако есть большой пласт заказчиков, которых Тильда, как платформа, вполне устраивает. Есть толпы дизайнеров, которые не хотят трогать верстку, но, тем не менее, желают создавать сайты. Для таких людей я и выпускаю видео с короткими и интересными фишками, которыми можно расширить функционал Тильды. Да и саму тильду со всем её функционалом уже сложно назвать просто конструктором, я считаю.
Спасибо за комментарий ;)
@@design_scripts я тебя понял, спасибо за развернутый ответ, не ожидал. это круто
Всё конечно замечательно, но благодаря таким как вы "учителям", я уже сутки ползаю на просторах интернета, не пашет лять ваш бекдроп и аналога не существует.
Спасибо, конечно, за комментарий, но дорогой «ученик», в тильде появились эти эффекты «из коробки». Кликните на элемент и в настройках выберите background blur
@@design_scripts мне параллельно на тильду и что там появилось, я доношу до вашего сведенья, данная лабуда не пашет на файрфоксе и на куче других браузерах. Хотя, на кой я объясняю, юзайте дальше тильду.
Так подобное матовое стекло можно не только на тильде в зеро блоках делать. Тильдой не пользуюсь, но спасибо
подскажите почему в Safari этот эффект не работает? только в Chrome
Спасибо!