- 55
- 226 704
Matilda Design
เข้าร่วมเมื่อ 26 ธ.ค. 2011
Урок по Тильде (Tilda) | Простые анимации
Всем привет! Сегодня мы поговорим о создании простых в реализации, но при этом интересных анимаций при наведении.
Записаться на курс или узнать больше: mt-webdesign-course.ru
Исходники из этого видео: matilda-design-001.tilda.ws/simple-animation
Библиотека с крутыми модификациями: mt-webdesign.ru/list
Купить платный доступ: mt-webdesign.ru/pay
Мой телеграм канал: t.me/matilda_design
Поддержать автора: mt-webdesign.ru/donate
Записаться на курс или узнать больше: mt-webdesign-course.ru
Исходники из этого видео: matilda-design-001.tilda.ws/simple-animation
Библиотека с крутыми модификациями: mt-webdesign.ru/list
Купить платный доступ: mt-webdesign.ru/pay
Мой телеграм канал: t.me/matilda_design
Поддержать автора: mt-webdesign.ru/donate
มุมมอง: 307
วีดีโอ
Урок по Тильде (Tilda) | Переход с первого экрана
มุมมอง 5642 หลายเดือนก่อน
В этом видео я покажу, как реализовать интересный переход со шторками на первом экране. Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/akony Библиотека с крутыми модификациями: mt-webdesign.ru/list Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Поддержать автора: mt-webdesign.ru/donate
Урок по Тильде (Tilda) | Houdini border
มุมมอง 5464 หลายเดือนก่อน
В этом видео я расскажу, как можно создать более интересный радиус скругления углов, используя CSS Houdini. Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/houdini-border Библиотека с крутыми модификациями: mt-webdesign.ru/list Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Поддержать автора: mt-webdesign.ru/donate
Урок по Тильде (Tilda) | Прилипающий футер (Sticky Footer)
มุมมอง 9457 หลายเดือนก่อน
В этом видео я расскажу, как можно создать прилипающий футер (sticky footer), который будет независим от контента на странице. Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/footer-sticky Библиотека с крутыми модификациями: mt-webdesign.ru/list Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Поддержать автора: mt-webdesign.ru/donate
Урок по Тильде (Tilda) | Трансформация с пошаговой анимацией
มุมมอง 1.1K9 หลายเดือนก่อน
В этом видео я расскажу, как можно создать интересную трансформацию между блоками, используя пошаговую анимацию. Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/step-by-transform Библиотека с крутыми модификациями: mt-webdesign.ru/list Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Поддержать автора: mt-webdesign.ru/donate Содержание: 0...
Урок по Тильде (Tilda) | Трансформация текста
มุมมอง 85610 หลายเดือนก่อน
В этом видео я расскажу, как создать эффект трансформации текста, используя как пошаговую анимацию, так и скрипт. Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/text-transformation Библиотека с крутыми модификациями: mt-webdesign.ru/list Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Поддержать автора: mt-webdesign.ru/donate Содержание...
Урок по Тильде (Tilda) | Двухсторонние 3d карточки (2 часть)
มุมมอง 1Kปีที่แล้ว
В данном уроке я расскажу, как создать карточку, которая будет переворачиваться при наведении, открывая обратную сторону. Первая часть: th-cam.com/video/IQjLzq07fAo/w-d-xo.htmlsi=pecBygMgsz3aEHIb Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/flip-cards Библиотека с крутыми модификациями: mt-webdesign.ru Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me...
Урок по Тильде (Tilda) | Двухсторонние 3d карточки (1 часть)
มุมมอง 3.9Kปีที่แล้ว
В данном уроке я расскажу, как создать карточку, которая будет переворачиваться при наведении, открывая обратную сторону. Важно: на сентябрь 2024. Рекомендую провалится в ссылку на сайт и ознакомится с подключением с использование скейла!!! Вторая часть: th-cam.com/video/z67lHDaLaU4/w-d-xo.htmlsi=2M9gTJOISxD0WFX6 Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/flip-cards ...
Трейлер канала
มุมมอง 604ปีที่แล้ว
Matilda | Design - это платформа, которая предлагает набор эффектов, модификаций и уроков по Tilda Библиотека с крутыми модификациями: mt-webdesign.ru Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Мой инстаграм канал: matilda_web_design
Урок по Тильде (Tilda) | Переход между проектами
มุมมอง 1.2Kปีที่แล้ว
В этом уроке я расскажу, как можно создать интересный переход между блоками с помощью пошаговой анимации. Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/project-path Библиотека с крутыми модификациями: mt-webdesign.ru Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Мой инстаграм канал: matilda_web_design #Tilda #TildaPubli...
Урок по Тильде (Tilda) | Анимации для ссылок
มุมมอง 2Kปีที่แล้ว
Модификация включает в себя 5 разных анимаций для ссылок. Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/link Библиотека с крутыми модификациями: mt-webdesign.ru Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Мой инстаграм канал: matilda_web_design #Tilda #TildaPublishing #Web_Design #Matilda_Web_Design #Figma #Animation ...
Урок по Тильде (Tilda) | Аккордеон на Zero
มุมมอง 8Kปีที่แล้ว
В этом уроке создадим свой аккордеон из Zero-блоков с полной кастомизацией Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/accordion Библиотека с крутыми модификациями: mt-webdesign.ru Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Мой инстаграм канал: matilda_web_design #Tilda #TildaPublishing #Web_Design #Matilda_Web_Des...
Урок по Тильде (Tilda) | Индикатор прокрутки
มุมมอง 1.3Kปีที่แล้ว
В этом уроке создадим 2 вида индикатора прокрутки страницы. В процентах и с круговым индикатором. Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/indicator Библиотека с крутыми модификациями: mt-webdesign.ru Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Мой инстаграм канал: matilda_web_design #Tilda #TildaPublishing #Web_...
Урок по Тильде (Tilda) | Прелоадер
มุมมอง 2.7Kปีที่แล้ว
В этом уроке создадим свой прелоадер используя Zero блок и дополнительные настройки Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/preloader-11 Библиотека с крутыми модификациями: mt-webdesign.ru Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Мой инстаграм канал: matilda_web_design #Tilda #TildaPublishing #Web_Design #Mat...
Урок по Тильде (Tilda) | Параллакс с объектами
มุมมอง 1.7Kปีที่แล้ว
В этом видео я расскажу, как создать интересный параллакс для объектов по движению курсора мыши Ссылки на материал из видео: Исходники из этого видео: mt-webdesign.ru/parallax-with-objects Библиотека с крутыми модификациями: mt-webdesign.ru Купить платный доступ: mt-webdesign.ru/pay Мой телеграм канал: t.me/matilda_design Мой инстаграм канал: matilda_web_design #Tilda #TildaPublis...
Урок по Тильде (Tilda) | Галерея для проектов
มุมมอง 2.5Kปีที่แล้ว
Урок по Тильде (Tilda) | Галерея для проектов
Урок по Тильде (Tilda) | Сворачивающееся меню
มุมมอง 2.6Kปีที่แล้ว
Урок по Тильде (Tilda) | Сворачивающееся меню
Урок по Тильде (Tilda) | Плавающая навигация
มุมมอง 2.6Kปีที่แล้ว
Урок по Тильде (Tilda) | Плавающая навигация
Урок по Тильде (Tilda) | Анимация рукописного текста
มุมมอง 2.7Kปีที่แล้ว
Урок по Тильде (Tilda) | Анимация рукописного текста
Урок по Тильде (Tilda) | Подсказки при наведении
มุมมอง 2.1Kปีที่แล้ว
Урок по Тильде (Tilda) | Подсказки при наведении
Урок по Тильде (Tilda) | Покадровый скролл
มุมมอง 7Kปีที่แล้ว
Урок по Тильде (Tilda) | Покадровый скролл
Урок по Тильде (Tilda) | Активные ссылки на скролл
มุมมอง 1.7Kปีที่แล้ว
Урок по Тильде (Tilda) | Активные ссылки на скролл
Урок по Тильде (Tilda) | Трансформация маски на скролл (анимация между блоками)
มุมมอง 4.4K2 ปีที่แล้ว
Урок по Тильде (Tilda) | Трансформация маски на скролл (анимация между блоками)
Урок по Тильде (Tilda) | Смена цвета шапки по скроллу
มุมมอง 5K2 ปีที่แล้ว
Урок по Тильде (Tilda) | Смена цвета шапки по скроллу
Урок по Тильде (Tilda) | Прелоадер штора
มุมมอง 1.9K2 ปีที่แล้ว
Урок по Тильде (Tilda) | Прелоадер штора
Урок по Тильде (Tilda) | Подсвечивание карточек
มุมมอง 3.1K2 ปีที่แล้ว
Урок по Тильде (Tilda) | Подсвечивание карточек
Урок по Тильде (Tilda) | Слайдер с активной карточкой
มุมมอง 4.1K2 ปีที่แล้ว
Урок по Тильде (Tilda) | Слайдер с активной карточкой
Урок по Тильде (Tilda) | Пиксельный переход
มุมมอง 1.1K2 ปีที่แล้ว
Урок по Тильде (Tilda) | Пиксельный переход
Урок по Тильде (Tilda) | Эффект зуммирования
มุมมอง 1.4K2 ปีที่แล้ว
Урок по Тильде (Tilda) | Эффект зуммирования
Урок по Тильде (Tilda) | Переключение изображений
มุมมอง 5K2 ปีที่แล้ว
Урок по Тильде (Tilda) | Переключение изображений
Вроде работает хорошо, но текст почему-то остаётся по центру. Заметила, что вы ничего для этого не делали, а текст сам автоматически смещается в зависимости от расположения иконки. А у меня иконка просто рядом встаёт. Если кнопку сделать уже, то она вообще выходит за пределы( А текст также по центру остаётся. Не понимаю, в чём проблема
прелоадер декоративный или зависит от реального веса страницы?
как сделать раскрытие по наведению, а не по клику?
В Хром не работает js этот.
Эхх в с контейнером типа грид не срабатывает(
@@ДенисЛагуткин-х7ь нужно просто контент выставить по windows left top, тот что будет помещаться в карточки. А сами прозрачные поставить по гриду.
@AlexanderKolomeets спасибо, я дочитал комментарии позже чем написал))) попробую ещё раз
@@AlexanderKolomeets ещё раз спасибо, получилось. Осталось разобраться с косяком на 320 разрешении. При первичной загрузке или обновлении шейпы плывут и не соблюдается дистанция. Исправляет я только после переворачивания телефона
Здравствуйте Подскажите, возможно ли поменять направление анимации?
Добрый день. Спасибо большое за эту модификаци. Если я использую вариант ссылки Accentuation, но мне нужно, чтобы часть была белым подчеркнута, а часть, например, черным ( в зависимости от цвета фона). Мне нужно задать разные классы и дважды использовать код с разным классом? Попробовала так делать, но в итоге перекрашивается подчеркивание всех ссылок.
где ссылка с видео, зачем делать целый сайт с инструкцией если можно все упростить и дать ссылку в описание
Можно ссылку на первичный сайт? Интересно полностью посмотреть.
Зачем код? Анимацией нельзя сделать чтоли?
@@ivanshibkovпжл, адаптируй
Спасибо большое за видео!
Круто
гайд классный, а код не рабочий совсем, так еще и на сайте отличается от того, что в видео показан
@@kovaleva_web проверьте подключён ли jquery
С рутубом должно работать? Не идет в зероблок видео по инструкции... пол дня мучаюсь...
"кнопочка дэлайт" - это что-то новенькое :)
так и не получилось (( как вы тригер офсет высчитываете ?
Здравствуйте! Почему может не скрываться блок с прелоадером? Анимация проигрывается, а нижний блок с контентом видимым не становиться
@@spizdets проверь подключен ли jq
Класс! Спасибо большое за видео! Удачи!
Ссылка - 404
Исправил
@@AlexanderKolomeets благодарю! шлю лучи света!
А как раскатать это на 6 карточек? Чтобы они были друг под другом 6 штук?
Ииииии, оно не работает совсем, хотя все сделано точь-в-точь по туториалу Шо делать...
Спасибо за ролик. Есть какая-то альтернатива converterpoint которую вы можете посоветовать? Ибо этот сайт выдает ошибку при загрузке ролика.
Код не работает, печаль.
внизу страницы появляется скролл горизонтальный, из за того что блоки визибел с выходящими за видимость элементами
Спасибо, отличный урок. Просто и по дело объясняешь
Добрый день! Данная модификация не работает, если есть плашка made on tilda ?
Не фурычит :(
При добавлении данной анимации на других блоках не воспроизводиться стандартная анимация (тест, шейпы). В чем может быть ошибка?
Александр, вы просто мастер, гуру, сэнсэй! Спасибо вам огромное за контент, работу, труд, всё как всегда на высоте! Выполняю всё последовательно по инструкции, но действует только первая анимация. Подскажите что может быть не так?
@@Koldunov_Andrey Привет, проверь подключён ли jq
Спасибо за быстрый ответ и помощь, помогло@@AlexanderKolomeets
@@Koldunov_Andrey а мне не помогло(( подскажите, может еще что-то нужно было сделать?
@@AlexanderKolomeetsА что такое jq не подскажите? У меня аналогичная проблема...
все, спасибо, разобрался...
А если нет пути в в блокноте? что делать?(
попробуй в фигме создать фигуру именно через вектор, т.е. пером - мне помогло. а то через фрейм путь не отображается, а через rectangle и т.д. - путь немного другой и в коде не работает
Привет! Ссылка на исходник не работает! А так хотелось... :(
Добрый день!очень классный эффект!но у меня почему то не так работает. Карточка переворачивается не на месте, а вылетает
Кто нибудь может подсказать, почему у меня в зеро блоке нет этой функции оверфлоу?
Супер и объяснение подробное какое)) Спасибо
У вас работает или вы просто так написали?
@@shangtsung2677 у меня тоже не работает
@@shangtsung2677 да работает, но пришлось код подправлять, лагал слегка
@@shangtsung2677работает, только на главной странице, в середине сайта нет
Спасибо ничего НЕ работает, даже с вашим шаблоном
@@powerwolf8295 Включи JQ на сайте
@@AlexanderKolomeets Спасибо большое, все заработало
Как в дроп бокс скопировать ссылку с адресом в строке /c/ а то выдает scl и прочую хрень
@@erma.4ok привет, дропбокс прикрыли, тоже самое и с гуглом
не работает(((((
Классный гайд💥💥💥. Подскажите возможно сделать как то с помощью массива рандомный вывод карточек при загрузке страницы. Чтобы на месте первой карточки при перезагрузке страницы появлялась каждый раз другая из массива. Тильда такое позволяет?
Крутой гайд.💥💥💥👍👍👍