Делаю молнию на Тильде с анимацией

Страница из видео тут: dolginstudio.c...
Все для ФШ тут: photoshop-mast...
Бесплатные PNG-картинки тут: www.kisspng.com/
Хотите сайт на Тильде? Мы можем помочь: dolginstudio.com/
Мой обучающий курс по работе в Tilda dolginstudio.c...
Хотите поддержать проект или задать вопрос? donatty.com/do...
Хотите 1 месяц в подарок после первой оплаты за Тильду? Регистрируйтесь по ссылке tilda.cc/?r=14...
Хотите покупать фотографии со стоков дешево? Вам сюда: shopdiz.pro/r/...
В инстаграм посты выкладываю редко, и не про дизайн, но если интересно- / germandolgin
В этом ролике рассказываю о том как сделать анимированную молнию в зеро блоке на конструкторе Тильда

[@user-xp8yc1dw2h]

Осталось только гром добавить внезапно чтобы очень громко и с задержкой как в жизни, чтоб пользователь абделался)))) Круто круто! взял на заметку

[@frame24novisadserbia95]

а как добавит гром

[@ekaterinakilikeeva4036]

Ааааафигеть 😍 слов нет. Впечатлило, поразило.... пошла делать такую красоту.

[@user-em3dx5gx6c]

Для строительных компаний подобное применение, думаю, прикольно зайдёт. Ещё идея, если развить мысль с молнией, сделать смену погоды в принципе. Солнце, дождь, снег и т.п.

[@larisaantonova241]

Супер! Спасибо!

[@user-fh8yf7ri1q]

Занимаюсь озонированием. Так вот эти молнии, в обще в мою тему) ведь озон ( О3, O Three) образуется в момент разряда молнии.

[@goncharovpro]

Да, крутое применение, кстати

[@museadvertsdmitryharper4902]

Спасибо давайте больше примеров дизайна с Zero блокои

[@user-cu9hc4tq5v]

Спасибо. Можно использовать для автомобилей Тесла)

[@iratewatcher]

Как будто нижняя часть лица не родная верхней части лица. Типа с разных лиц скомбинированы, как в приложении типа swap face. Очень интересно, первый раз вижу такое

[@theskastoshow3675]

Круто! Годный контент.

[@maxsushek5987]

А если делать такой же зеро блок под мобильный ? С меньшим разрешение экрана??? И отображение выбирать на устройствах до 980 и так далее

[@mariukas100]

super

[@dads_hand]

Спасибо за видел. Можно же вставить блок с кодом html и с помощью специального кода, есть в гугле, сделать, что бы анимация работала на телефоне, планшете и тд

[@marinal7237]

подробнее, где видел?

[@dimazzzikkk]

Marina l введи в гугле «Тильдошная» там много полезного, включая код для анимаций на смартфоне

[@Deftmovies]

Слабенькая анимация молний. и ease out на значении opacity забыл вродь. Более менее на молнию похожее можно сделать "маской" - блоком цвета фона раскрывать её с определенной скоростью. и собрать хотя бы 2-4 молнии рядом - моргать по очереди, чтобы эффект движения частиц в молнии создать. А пользоваться можно, например, сделав такой блок как маску для другого слоя, к примеру - с товарами. Делаешь на отдельном блоке эффект молнии, высоту контейнера убираешь в 0, overflow: show; и в html коде добавить Z index минусовой. Будет накладываться Zero block фоном на следующий блок, т.е. прозрачный фон делаешь - и сзади бьют молнии. Адаптив всегда был с помощью js (сейчас ессесно и так добавили возможность)

[@user-dh8rg8cz4g]

Подскажите пожалуйста, если ли бесплатные фотошопы на MacBook

[@madmax5946]

У меня, возможно, глупый вопрос ...а во сколько Вам обходится использование Тильды? Ведь ресурс не бесплатный...

[@germandolgin]

Также как и всем + идут продления от рефералов)

[@elenavakk]

Ошибочка, полыхает все небо в первый момент, а не молнии и светятся они абсолютно белым, а уже потом по очереди , но тоже белым

[@stasrorin8066]

Уже есть адаптив для моб версии с анимацией. Но только для степ бай степ. Нужно скрипт в Т123 вписать

[@mikhailgagarin1367]

Хм, что-то ничего не смог найти по этой теме, не могли бы вы поделиться инфой?

[@nika7149]

Тоже пользуюсь их кодом!

[@mikhailgagarin1367]

@@user-rv9tp8rr6d Спасибо!

[@semeteyboronbaev6184]

Как сохранить молнию с фотошопа?

[@sergeypetrovetsky3431]

Как такая кастомизация влияет на скорость сайта?

[@businessman386]

незначительно и терпимо

[@topman9843]

как вы вокруг молнии свет сделали?

[@germandolgin]

Это такие кисти. Там сразу так было

[@topman9843]

@@germandolgin спасибо, а подскажите я вот создал сайт и у меня на предосмотре чёрный фон и нечего не показывает

[@user-gh3wo8cx6u]

Привет, подскажи как бургер меню зафиксировать для смартфонов?

[@germandolgin]

Используй 403 блок

[@SmartichUA]

А как добавить звук грома? Это реально в Тильде?

[@goncharovpro]

В сайтостроении добавление звука считается моветоном, поэтому вряд ли это сделать в тильде

[@user-di9rh3mj9e]

Привет! Классное видео, а как сделать во такую анимацию обложки toledo24.ru? Было бы классно использовать что-то подобное в автомобильной тематике с фарами, есть идея, но как это реализовать не знаю)

[@merrowneverdie1428]

Блин. Не хотела бы я попасть на такое ночью.)

[@MassEffecn]

Пиздец! Мне, как программисту , больно смотреть на этот колхоз

[@germandolgin]

В чем именно ?

[@MassEffecn]

@@germandolgin 1) эта анимация составлена из картинок, которые по хорошему должны быть предзагружены. Я запустил сайт на слабеньком интернете и увидел как анимируются части загружающихся изображений молний. Картинки весят от 50кб до 900кб, что весьма расточительно, и загрузить их на 3g это долго и дорого с точки зрения расхода трафика 2) Несколько лет назад ваша реализация развалилась бы на edge firefox safari, так как центр поворота фигур(transform-origin) считается по разному. но это так, для справки 3)Такие вещи лучше записывать в видео и крутить фоном, что является более кроссбраузерным решением и оптимальным по расходу трафика 4) а если совсем заморочиться и сделать правильно, то такое нужно делатьс использованием webgl технологий Ну и вернувшись к 1 пункту, скажу что вы в своем видео показываете подход к созданию анимаций, люди то нарисют картинки, перегонят их в png24 не оптимизируют и начнут городить тяжеловесные сайты, которые тормозят и жрут интернет трафик

[@germandolgin]

MassEffecn ну как разраба я вашу точку зрения понимаю. Но я не учу людей кодить, я о тильде рассказываю. Про ее возможности и тд... да и это не готовый проект, это просто демонстрация того что можно сделать

[@MassEffecn]

@@germandolgin Вот именно! Это демонстрация того что можно сделать! Расскажите тогда о плюсах и минусах данного подхода, расскажите об альтернативных решениях. Ведь тильда это по сути черный ящик, она не лупит вас по рукам когда вы делаете что то не так. Я ужаснулся когда увидел что почти все сайты на тильде весят по 20мб!!! ДВАДЦАТЬ. Люди которые клепают тильдасайты не думают об оптимизации. Хотелось бы увидеть в ваших работах нечто большее, чем бездумное засовывание тяжеленных картинок в zero block. Мой посыл был даже не о коде, а о вариативности решения данной задачи))) Людей вы может быть и не учите тут, но ваши видео это пример для подражания. и хочется чтобы материал был более информативен и выходил за пределы расстановки таймингов в боковой панели))) Удачи вам в вашем деле)))

[@germandolgin]

MassEffecn спасибо, но имхо, любой зеро блок -куча нестройного кода, так что тильда вообще не про оптимизацию)

[@EvgeniyGolubRepresent]

Моя бабушка и то круче делает