Сложная анимация в Zero Block: мастер-класс

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ก.พ. 2025

ความคิดเห็น •

  • @jamesbondsportstudio696
    @jamesbondsportstudio696 3 ปีที่แล้ว +15

    Тильду любят дофамины. Они, прям, множатся, когда в Zero-блоке ложится обалденная для тебя анимация. Всё получается, новое открывается. И пусть твоя анимация не тянет в сравнении с тем гипер-грандиозным- фантастическим, что можно часто встретить в Инете. Но, ведь, ты и не думаешь об этом. Потому что в такой момент твое творение - это яркая дружба с Тильдой.

  • @ВалерияАлешкина-е5н
    @ВалерияАлешкина-е5н 2 ปีที่แล้ว +10

    Какой же Вы полезный человек 😊 спасибо за Ваш труд

  • @sergeyprostobean4521
    @sergeyprostobean4521 3 ปีที่แล้ว +2

    Мастер класс - бомба.
    для меня во всяком случае
    целый день прорабатывал постепенно
    Макс, спасибо огромное. Гуру:)

  • @МаргаритаМакарова-э8м
    @МаргаритаМакарова-э8м 4 ปีที่แล้ว +4

    Отличный мастер-класс, Максим. Появляющееся меню по клику меня просто убило )))) Ведь элементарно, но даже в голову не приходило ))))

  • @ИринаГолуб-о7с
    @ИринаГолуб-о7с 4 ปีที่แล้ว +6

    Посмотрела на одном дыхании, спасибо!

  • @jamesbondsportstudio696
    @jamesbondsportstudio696 3 ปีที่แล้ว +3

    Изинги также можно применять не только к шейпам при их векторных движениях, но и - при вращении фигур относительно их центра.
    Например, крутануть крестик, круг или какой-нибудь круговлй вентиль в направлении по часовой стрелки (и обратно). Варианты изингов дают прикольные эффекты поведения таких фигур.

  • @ТатьянаСмоляр-о4г
    @ТатьянаСмоляр-о4г 4 ปีที่แล้ว +4

    Спасибо! Очень полезный и содержательный мастер-класс.

  • @margaleks
    @margaleks 2 ปีที่แล้ว

    Я так долго не понимала, как в фигуру вставить картинку. Спасиб !

  • @vasilysuhov1963
    @vasilysuhov1963 4 ปีที่แล้ว +5

    Спасибо! Очень полезный мастер-класс.

  • @sveekey-210
    @sveekey-210 3 ปีที่แล้ว +1

    Оч. правильное мышление. Спасибо за примеры и дриббл.

  • @Viktori_Viktori
    @Viktori_Viktori 4 ปีที่แล้ว +2

    Очень интересное видео!

  • @inoutgroznyinoutgrozny
    @inoutgroznyinoutgrozny 9 หลายเดือนก่อน

    👌

  • @tatyanabe
    @tatyanabe 4 ปีที่แล้ว +2

    какой крутой урок!

  • @O_K_C_A_H_A
    @O_K_C_A_H_A ปีที่แล้ว

    Супер🎉

  • @marriimay
    @marriimay 4 ปีที่แล้ว +3

    Спасибо! Очень полезно!

  • @АлинаД-ф3у
    @АлинаД-ф3у 5 หลายเดือนก่อน

    Супер, спасибо! А как сделать так, чтобы при наведении на шейп, кнопка появлялась, а потом исезала, если ползунок вне шейпа. Испробовала все, не получается( либо наведение именно на область "кнопки", только тогда она вылазит, а если ставлю в качестве триггера шейп, то когда навожу на кнопку, то она исчезает, хелп, молю

    • @TildaPublishing
      @TildaPublishing  4 หลายเดือนก่อน

      Добрый день!
      Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

  • @zoe4ka91
    @zoe4ka91 3 ปีที่แล้ว +1

    Спасибо!

  • @Bulat_Valeev
    @Bulat_Valeev 2 ปีที่แล้ว

    Начало 14:00

  • @Andy.Morgan
    @Andy.Morgan ปีที่แล้ว

    Добрый день!
    А подскажите, как сделать анимацию такую: падение книги на книжной полке. Вращение, как я понимаю, будет не от центра объекта. Ось.

    • @TildaPublishing
      @TildaPublishing  ปีที่แล้ว +1

      Здравствуйте! К сожалению, мы не можем вам подсказать точные настройки анимации. Вы можете создать свою анимацию, используя учебник - tilda.education/web-animation-course

  • @Анна-л9у7ж
    @Анна-л9у7ж 3 ปีที่แล้ว +1

    Спасибо за эфир! Такой вопрос, а почему бы во второй анимации (с 20 мин.) поставили именно поинтер ивент у текста, а не просто у самого шейпа добавили тригер сам шейп и текст? И текст при этом рабочим останется. И с кнопкой при этом прокатит (если ее вставлять, об этом говорили во время эфира). Или я что-то путаю?

    • @TildaPublishing
      @TildaPublishing  3 ปีที่แล้ว +1

      Здравствуйте, Анна
      Если для анимации одного элемента использовать сразу два триггера при данном их
      расположении, то поочерёдное наведение на эти элементы может сбрасывать анимацию до первого шага и воспроизводить её повторно. В данном случае потребуется использовать именно функцию pointer events для текста.

    • @Анна-л9у7ж
      @Анна-л9у7ж 3 ปีที่แล้ว +2

      @@TildaPublishing спасибо за ответ! Разобралась получше в этой теме, а то о таких «мелочи» обычно никто не говорит

  • @floret2728
    @floret2728 ปีที่แล้ว +1

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

    • @TildaPublishing
      @TildaPublishing  ปีที่แล้ว

      Добрый день! Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc
      В обращении подробно опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

  • @kseshtaratuta
    @kseshtaratuta 2 ปีที่แล้ว

    Можно ли делать одновременно анимацию step by step на ховер и на скрол?

  • @Johnsson25
    @Johnsson25 10 หลายเดือนก่อน

    Как зафиксировать элемент внизу экрана при скролле? Например, рука, которая держит смартфон, чтобы низ руки прилипал к нижнему краю экрана.

    • @TildaPublishing
      @TildaPublishing  10 หลายเดือนก่อน

      Добрый день!
      Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

  • @НикитаДаниленко-и9т
    @НикитаДаниленко-и9т 4 ปีที่แล้ว

    Подскажите, возможно ли сделать кастомный слайдер при помощи анимации или это можно реализовать только при помощи кода?

    • @TildaPublishing
      @TildaPublishing  4 ปีที่แล้ว

      Можно создать какую-то имитацию, но полноценно управляемый слайдер сделать все-таки не получится, к сожалению

  • @donbotdonbot2522
    @donbotdonbot2522 3 ปีที่แล้ว

    Добрый день, я добавил в zero шейх в котором svg картинка, но она отображается не белой, а серой. Посмотрел может в слоях под чем то.....нет, на экране при редактирование все яркое и белое......как быть???????????

    • @TildaPublishing
      @TildaPublishing  3 ปีที่แล้ว

      Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту support@tilda.cc
      В обращении подробно опишите задачу/ проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу/ проблему и дать максимально точный ответ.

  • @artemgetmann1173
    @artemgetmann1173 4 ปีที่แล้ว

    По эффекту воды вы не правы, можно сделать, но это надо писать в коде , а не играть в конструкторе . Для примера th-cam.com/video/AUDg43ph8Kg/w-d-xo.html&ab_channel=WebForMySelf , там делаю в css и jQuery Ripples

  • @OnlineFishki
    @OnlineFishki ปีที่แล้ว

    как бегущую строку адаптировать под другие версии (телефон, планшет) все там сдвинут в куче и ничего не бегает :)

    • @TildaPublishing
      @TildaPublishing  ปีที่แล้ว

      Добрый день!
      Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

    • @OnlineFishki
      @OnlineFishki ปีที่แล้ว

      @@TildaPublishing там все сложно))) Если я делаю сайт на аккаунте заказчика- то письмо с ответом придет и ему на почту и мне))) А мне зачем, чтобы заказчику приходило то, чего он не спрашивал?

  • @МирМихайло-м4з
    @МирМихайло-м4з 4 ปีที่แล้ว

    какой графический редактор использовать лучше всего для работы?

    • @TildaPublishing
      @TildaPublishing  4 ปีที่แล้ว

      Для работы с векторной графикой для веба сейчас наиболее востребованным является Figma. Но рекомендуем всё-таки попробовать и выбрать наиболее удобный для вас самостоятельно

  • @nikaperelygina7664
    @nikaperelygina7664 2 ปีที่แล้ว

    Дд, скажите пожалуйста, как сделать бегущвю строку вокруг круга

    • @TildaPublishing
      @TildaPublishing  2 ปีที่แล้ว

      Здравствуйте! Вы можете ознакомиться с нашим учебником по анимации, возможно вам подойдут данные настройки - tilda.education/courses/webanimation/looprotate/

  • @ГульсинаИбраева
    @ГульсинаИбраева 4 ปีที่แล้ว +1

    Коллеги, вы крутые! Подскажите какой сервис вы используете в написании этого контента? Нравится что видно и тот кто вещает и монитор.

    • @TildaPublishing
      @TildaPublishing  4 ปีที่แล้ว +1

      Если правильно поняли ваш вопрос, то попробуйте OBS

  • @maryshipulina6733
    @maryshipulina6733 4 ปีที่แล้ว

    🧡🧡🧡

  • @Kudinovfilms
    @Kudinovfilms 4 ปีที่แล้ว

    как скопировать класс шейпа на маке

  • @ГулжанарАдилхан-з4е
    @ГулжанарАдилхан-з4е 2 ปีที่แล้ว

    И это все бесплатно

  • @ЕкатеринаБородина-ч5е
    @ЕкатеринаБородина-ч5е 4 ปีที่แล้ว

    1.05 изинг и их отличие