Как сделать тёмную карту Яндекс в Тильде Zero Block

Как сделать тёмную карту Яндекс в Тильде Zero Block
Сегодня мы сделаем тёмную карту яндекс в тильде zero block с помощью фильтра grayscale и режима наложения. Чтобы научиться кастомизировать яндекс карты в черный цвет на Tilda Zero block, нужно сделать карту чёрно-белой, а затем наложить поверх неё белый шейп с параметром "mix-blend-mode:difference;".

___________________________________________

Как сделать тёмную карту Яндекс в Тильде Zero Block
___________________________________________

___________________________________________
теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock

[kos]

Если цвет не меняется ищите через Исследовать элемент. в коде 2-1-77 а на 12.2021 г. такие изменения: class="ymaps-2-1-79-map

[dallaspayne]

Это слишком топовый контент. Ты - единственный чувак на ютубе, который делает такие необычные вещи в тильде и зеро блоке. Просто оставляю коммент, чтобы продвинуть видео

[АнонимАноним-со]

Благодарю за метод, очень помог! Хотел добавить, что вернуть первоначальный цвет маркера можно не внося изменений в svg. Достаточно вот в этот класс "ymaps-2-1-77-image", прописать filter: invert(1).

Дело в том, что у меня был svg маркер с градиентами и сложными формами, поэтому выгадывать каждый инвертированный цвет было бы сложно. Поэтому через devtools по сформированному DOM-дереву я нашел нужный узел, вытащил класс, и стилизовал его уже у себя в файле.

[christinatalvir]

Привет, спасибо за инструкцию! =)) Только вместо первой строки надо писать айди блока с хтмлью карты с решёткой - так всё получилось!!!! =)))

[ЮрийГоловань-хк]

Ты просто красавчеГ ! Чем больше занимаюсь с тильдой, тем больше у меня осознание что ее возможности сильно больше моих! )))) Но я учусь )

[НатальяБыстрицкая-яэ]

Работаю на тильде в zero block и не знала, вообще, про эти режимы наложения. Спасибо!!

[Герцог-фз]

Поздравляю с первой 1000й. Делаешь классные видео про тильду зеро блок

[milton]

Скинул твоё видео в конфу с тильдовскими дизайнерами)
Спасибо за контент. Развиваешь сообщество тильды

[ЮличкаДиянова]

Красавчик! Просто красавчик!! Взахлёб смотрю видео🙌🙌

[likedshow]

Просто спасибо, что ты есть, чувак! Я только недавно начал работать на тильде в том числе и в зеро блоке. Твои видосы очень помогают

[Валерий-дэг]

Потрясающе! Желаю успехов. Спасибо за прокачку коммьюнити Тильды)

[АнтонФедоров-ыь]

Огонь!!! Спасибо большое за полезный контент!!!

[mybodyartchannel]

С 1000 тебя!!!! Спасибо за отличный контент!

[CARSTILE]

Здравствуйте отличный урок!!! Я что то не поняла как именно в тильде заменили маркер на красный. Подскажите пожалуйста?

[Sarkuz]

Большое спасибо, долго не мог справиться с данной проблемой🙌

[АлинаОлейникова-ло]

Надеюсь, тут кто-то жив еще) Почему-то наложение работает, а вот окрашивание карты нет. Подскажите, в чем может быть ошибка, пожалуйста?

[super-preza]

Огромное спасибо!!!! Это классно и так просто!!!! Твои видео так понятны и так необходимы.

[root]

Продолжай пилить видео по tilda. Смотрю с удовольствием

[RZDKH-Roman]

Спасибо, было очень полезно и информативно. Так держать!!!

[reina_z]

У кого не получается вставить серую карту из-за постоянных обновлений яндекса, поменяйте mix-blend-mode: difference; на mix-blend-mode: color;