Следующий за эти блок анимации делала по уроку How to (в ЛК тильды про) по видео где обложка текст wildberries/gosznak. https://club.tilda.school/howto
Внимание! чтобы анимация сработала надо правильно указать дистанс, то есть если блок в середине страницы, то дистанс уже будет не 150 пикселей!! надо подобрать (посчитать по количеству блоков) (ну или не засовывть блок далеко)
Внимание! чтобы анимация сработала надо правильно указать дистанс, то есть если блок в середине страницы, то дистанс уже будет не 150 пикселей!! надо подобрать (посчитать по количеству блоков) (ну или не засовывть блок далеко)
Лицензии
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Услуги и цены
Фиксирование элемента по видео https://tilda.education/courses/webanimation/scrollfix/
Наезд карточек (делала по видео https://www.youtube.com/watch?v=jsjHilImSP4)
Внимание- первую карточку надо не прямо вплотную к арт борду, хотя бы 10 пикселей спустить вниз). Если надо чтоб был отсуп сверху экрана (например там меню, то настройка офсет т риггер например 80 пикселей)
Внимание- первую карточку надо не прямо вплотную к арт борду, хотя бы 10 пикселей спустить вниз). Если надо чтоб был отсуп сверху экрана (например там меню, то настройка офсет т риггер например 80 пикселей)
Наезд карточек (делала по видео https://www.youtube.com/watch?v=nDTOspBg-o8)
Услуги
Ховер эффект на карточках (делала по видео https://www.youtube.com/watch?v=NfX9MXCaT4o&list=PLAZLeB2LBHe040_KH4jd196uUBarVUi-M&index=16)
Хороший стандартный блок с готовой анимацией
Visual Research
Tilda Publishing
Digital Storytelling
The Future
Click "Block Editor" to enter the edit mode.
Click "Block Editor" to enter the edit mode.
There is no design without discipline. There is no discipline without intelligence.
Горизонтальный скролл (делала по видео https://www.youtube.com/watch?v=CGcnVE46OK0&list=PLF7QRCTEJj6pxWR6NQT40kXbt86JzaWIG&index=3)
step by step
Все по уроку https://www.youtube.com/watch?v=kkyRotQ3DMg&list=PLF7QRCTEJj6pxWR6NQT40kXbt86JzaWIG&index=8
Design creates culture.
Design creates culture.
к это анимации дополняем код
<style> .header { overflow:hidden!important; } </style>
<style> .header { overflow:hidden!important; } </style>
Внимание тригер офсет 20 (чтобы не дергалось) +
разные текстовые фреймы
разные текстовые фреймы
Design creates culture
Заголовок скрывается по скролу вниз (css стиль и код тот же, меняется степ анимация!) Обрати внимание можно поставить он боттом или другое полоежение, смотри по ситуации
Design creates culture.
Design creates culture.
Design creates culture.
Design creates culture.
Базовая анимация пролакс
Good design is obvious. Great design is transparent.Good design is obvious. Great
Good design is obvious. Great design is transparent.Good design is obvious. Great
Bork /
Gazprom /
По уроку в How to в ЛК Тильды. обложка урока с вайлдберис/госзнак https://club.tilda.school/howto
По уроку ЛК Тильды How to (первое в списке на обложке "интерьеры, дома..)
143
8
21
2024
14
год на рынке
Everything should be made as simple as possible, but not simpler.
Everything should be made as simple as possible, but not simpler.
По уроку ЛК Тильды How to (тертье в списке на обложке "подобные столбцы на черном фоне). Важно для всех элементов (цифры и текст) поставить нон поинтер эвент
По уроку ЛК Тильды How to (тертье в списке на обложке "подобные столбцы на черном фоне, в конце видео) Важно можно поставить мув с минусом, тогда будет уезжать шторка в другую сторону
По уроку ЛК Тильды How to (первое в списке на обложке интереры/дома...). Кнопки кликабельны (не забыть вшить ссылку)
Design creates culture. Culture shapes values. Values determine the future.
Design creates culture. Culture shapes values. Values determine the future.
Design creates culture. Culture shapes values. Values determine the future.
Design creates culture. Culture shapes values. Values determine the future.
Design creates culture. Culture shapes values. Values determine the future.
Design creates culture. Culture shapes values. Values determine the future.
Скролл по уроку ЛК Тильды How to (серая обложка из галереи сотрудников). Важное: стрелки делать в отдельном блоке (стрелкам css класс. артборд слайдера должен быть по высоте вплотную к тексту, оверфлоу авто (!) после последней картинки (все в шейпах) белый шейп в размер отступа). код из https://romanyu.ru/skroll-strelki
Внимание в настройках сайта должна быть галочка "подключить jquery на страницах сайта" (настройки сайта-еще) и переопубликовать! также внимание на эту галку если другие коды не работают!
Внимание в настройках сайта должна быть галочка "подключить jquery на страницах сайта" (настройки сайта-еще) и переопубликовать! также внимание на эту галку если другие коды не работают!
https://www.youtube.com/watch?v=8aEYzATT3e0
у шейпа независимо скруглять углы!
код ниже
у шейпа независимо скруглять углы!
код ниже
Клиника косметологии
Градиенты в зеро блок (базовая настройка bg colour)
Градиент затемняющий
BG Blur
ДУША
ДУША
Explore Our Features
We work hard every day to make our customers' lives better and happier
https://www.youtube.com/embed/NApMjNIBpSI?&enablejsapi=1
Анимация по видео! Вау эффект)
Анимация по видео! Вау эффект)
Просторная парная с матрасом из луговых трав. Натоплена к вашему приезду
Парная
Купель
Горячая купель с гидромассажем и подсветкой, а также купель без подогрева воды
Дровяная печь с парогенератором
Печь
Комната отдыха
Уютная комната отдыха с настольными играми и горячим чаем
Гриль-барбекю и необходимая посуда
Гриль
Атмосфера уюта и единения с природой
Атмосфера
Комфорт
С комфортом разместиться 2 – 4 гостя, максимально допустимо 6 гостей
Для каждого гостя банная простыня из хлопка, одноразовое белье при необходимости
Все продумано
Дровяная печь с парогенератором.
Печь
Атмосфера
Атмосфера уюта и единения с природой.
С комфортом разместиться 2 — 4 гостя, максимально допустимо 6 гостей.
Комфорт
Все продумано
Для каждого гостя банная простыня из хлопка, одноразовое белье при необходимости.
Попробовать кодом из gpt подвинуть стандартные вкладки влево как здесь https://imprint.co/?ref=minimal.gallery
https://studiounity.tilda.ws/?ref=minimal.gallery понравилось как сделано здесь пыталась повторить
Good design is obvious. Great design is transparent.
The best ideas come as jokes. Make your thinking as funny as possible.
Curiosity about life in all its aspects, I think, is still the secret of great creative people.
The best ideas come as jokes. Make your thinking as funny as possible.
Creativity is to discover a question that has never been asked. If one brings up an idiosyncratic question, the answer he gives will necessarily be unique as well.
Creativity is to discover a question that has never been asked.
first
second
third
forth
Curiosity about life in all its aspects, I think, is still the secret of great creative people.
The best ideas come as jokes. Make your thinking as funny as possible.
Creativity is to discover a question that has never been asked. If one brings up an idiosyncratic question, the answer he gives will necessarily be unique as well.
Creativity is to discover a question that has never been askedl.
