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

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

Пікірлер: 48

  • @user-xp8yc1dw2h
    @user-xp8yc1dw2h5 жыл бұрын

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

  • @frame24novisadserbia95

    @frame24novisadserbia95

    Жыл бұрын

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

  • @ekaterinakilikeeva4036
    @ekaterinakilikeeva40363 жыл бұрын

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

  • @larisaantonova241
    @larisaantonova2413 жыл бұрын

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

  • @user-em3dx5gx6c
    @user-em3dx5gx6c4 жыл бұрын

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

  • @theskastoshow3675
    @theskastoshow36754 жыл бұрын

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

  • @museadvertsdmitryharper4902
    @museadvertsdmitryharper49025 жыл бұрын

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

  • @user-cu9hc4tq5v
    @user-cu9hc4tq5v4 жыл бұрын

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

  • @user-fh8yf7ri1q
    @user-fh8yf7ri1q4 жыл бұрын

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

  • @goncharovpro

    @goncharovpro

    3 жыл бұрын

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

  • @mariukas100
    @mariukas1005 жыл бұрын

    super

  • @iratewatcher
    @iratewatcher4 жыл бұрын

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

  • @maxsushek5987
    @maxsushek59874 жыл бұрын

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

  • @dads_hand
    @dads_hand4 жыл бұрын

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

  • @marinal7237

    @marinal7237

    4 жыл бұрын

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

  • @dimazzzikkk

    @dimazzzikkk

    4 жыл бұрын

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

  • @user-dh8rg8cz4g
    @user-dh8rg8cz4g4 жыл бұрын

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

  • @madmax5946
    @madmax59464 жыл бұрын

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

  • @germandolgin

    @germandolgin

    4 жыл бұрын

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

  • @semeteyboronbaev6184
    @semeteyboronbaev61844 жыл бұрын

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

  • @sergeypetrovetsky3431
    @sergeypetrovetsky34313 жыл бұрын

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

  • @businessman386

    @businessman386

    3 жыл бұрын

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

  • @elenavakk
    @elenavakk4 жыл бұрын

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

  • @topman9843
    @topman98434 жыл бұрын

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

  • @germandolgin

    @germandolgin

    4 жыл бұрын

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

  • @topman9843

    @topman9843

    4 жыл бұрын

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

  • @stasrorin8066
    @stasrorin80665 жыл бұрын

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

  • @mikhailgagarin1367

    @mikhailgagarin1367

    5 жыл бұрын

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

  • @nika7149

    @nika7149

    5 жыл бұрын

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

  • @mikhailgagarin1367

    @mikhailgagarin1367

    5 жыл бұрын

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

  • @SmartichUA
    @SmartichUA5 жыл бұрын

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

  • @goncharovpro

    @goncharovpro

    3 жыл бұрын

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

  • @user-gh3wo8cx6u
    @user-gh3wo8cx6u5 жыл бұрын

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

  • @germandolgin

    @germandolgin

    5 жыл бұрын

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

  • @Deftmovies
    @Deftmovies4 жыл бұрын

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

  • @user-di9rh3mj9e
    @user-di9rh3mj9e5 жыл бұрын

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

  • @merrowneverdie1428

    @merrowneverdie1428

    4 жыл бұрын

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

  • @MassEffecn
    @MassEffecn4 жыл бұрын

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

  • @germandolgin

    @germandolgin

    4 жыл бұрын

    В чем именно ?

  • @MassEffecn

    @MassEffecn

    4 жыл бұрын

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

  • @germandolgin

    @germandolgin

    4 жыл бұрын

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

  • @MassEffecn

    @MassEffecn

    4 жыл бұрын

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

  • @germandolgin

    @germandolgin

    4 жыл бұрын

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

  • @EvgeniyGolubRepresent
    @EvgeniyGolubRepresent4 жыл бұрын

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

Келесі