В

Триггерная анимация

Tilda

TILDA ZERO BLOCK

Теперь по клику на один элемент можно запустить анимацию друго элемента в блоке.

Откройте страницу на экранах с разрешением более 1200px, чтобы протестировать анимацию.

KLIKNIJ!

В

Триггерная анимация

Tilda

TILDA ZERO BLOCK

Теперь по клику на один элемент, можно запустить анимацию друго элемента в блоке.

НАВЕДИТЕ КУРСОР ИЛИ КЛИКНИТЕ НА ЭЛЕМЕНТЫ, ЧТОБЫ ПОСМОТРЕТЬ РАБОТУ АНИМАЦИИ

HOVER OVER!

Oficjalny sklep internetowy Supreme

Projektowanie i promocja aplikacji Music Daily

Ja i Aviro sinergy dla Daily Mail

Aplikacja internetowa i mobilna City Cycling

Koncepcja strony internetowej Darrial

КАК ПОВТОРИТЬ АНИМАЦИЮ

1

Наведите курсор на любой из заголовков

- Wyzwalacz - Заголовок
- Zdarzenie - najechanie kursorem
- Изображения - Zdarzenia wskaźnika - brak
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,1; Krycie 100

Появление изображения при наведении на текст

Wybierz dowolny projekt, najedź kursorem na dowolny tytuł

Praca dla marek komercyjnych

Portrety miłosne i fotografia mody

Rób również zdjęcia podczas wydarzeń

КАК ПОВТОРИТЬ АНИМАЦИЮ

2

Наведите курсор на любой из заголовков

- Wyzwalacz - Заголовок
- Zdarzenie - najechanie kursorem
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,1; Krycie 100

Появление изображения при наведении на текст

Angielski

Francuski

Deutch

Hiszpański

Włoski

Chiński

Наведите на любой из языков

Скажите приветствие на 6 популярных языках

КАК ПОВТОРИТЬ АНИМАЦИЮ

3

- Wyzwalacz - Заголовок с названием языка
- Zdarzenie - najechanie kursorem
- Изображения - Zdarzenia wskaźnika - brak
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,1; Skala 250; Krycie 100

Появление изображения с переводом при наведении на текст

FOTOGRAFIA

Obudowy fotograficzne

Oferujemy znacznie więcej niż tylko wspaniałą sypialnię - mamy ogromny wybór przestrzeni do nauki, ćwiczeń, relaksu i spotkań towarzyskich.

ILUSTRACJA

Ilustracje komercyjne i osobiste

Oferujemy znacznie więcej niż tylko wspaniałą sypialnię - mamy ogromny wybór przestrzeni do nauki, ćwiczeń, relaksu i spotkań towarzyskich.

КАК ПОВТОРИТЬ АНИМАЦИЮ

4

Наведите курсор на любую из карточек

- Wyzwalacz - изображение
- Zdarzenie - najechanie kursorem
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,1; Krycie 100, Przesunięcie Y -50

Появление плашки, заголовка и текста при наведении на изображение

NOWA MOC W ANIMACJI

5

Наведите курсор на текст

КАК ПОВТОРИТЬ АНИМАЦИЮ

- Wyzwalacz - текст
- Zdarzenie - najechanie kursorem
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,1; Krycie 100

Выделение текста. Появление желтых форм Shape под текстом

Chemex

Chemex Coffeemaker to ręczny szklany ekspres do kawy typu pour-over, wynaleziony przez Petera Schlumbohma w 1941 roku, produkowany przez Chemex Corporation w Chicopee w stanie Massachusetts. W 1958 roku projektanci z Illinois Institute of Technology stwierdzili, że Chemex Coffeemaker jest "jednym z najlepiej zaprojektowanych produktów współczesnych czasów" i znajduje się w kolekcji Muzeum Sztuki Nowoczesnej w Nowym Jorku.

Наведите и кликните на слово Chemex

6

КАК ПОВТОРИТЬ АНИМАЦИЮ

- Wyzwalacz - текст
- Zdarzenie - kliknięcie
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,1; Krycie 100

Появление появление белой карточки и текста при клике на заголовок

- Trigger - текст
- Zdarzenie - najechanie kursorem
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,1; Krycie 100

Появление линии подчеркивания под заголовком

7

КАК ПОВТОРИТЬ АНИМАЦИЮ

Кликните на A WAVE

- Wyzwalacz - Заголовок
- Wydarzenie - kliknij
- Krok 1 - Czas trwania 0,1; Przesuń Y -100px
- Krok 2 - Czas trwania 0,1; Przesunięcie Y - 0
Opóźnienie 0,2 / 0,4 / 0,6 / 0,8 / 1 / 1.2

Появление изображения при наведении на текст

8

Ulice Berlina

Berlin jest stolicą i największym miastem Niemiec zarówno pod względem powierzchni, jak i liczby ludności. Jego 3 748 148 (2018) mieszkańców czyni go drugim najbardziej zaludnionym miastem Unii Europejskiej po Londynie. Miasto jest jednym z 16 krajów związkowych Niemiec. Jest otoczone przez kraj związkowy Brandenburgia i sąsiaduje z Poczdamem, stolicą Brandenburgii. Oba miasta znajdują się w centrum regionu stołecznego Berlin-Brandenburgia, który z około sześcioma milionami mieszkańców i powierzchnią ponad 30 000 km² jest trzecim co do wielkości regionem metropolitalnym Niemiec po regionach Ren-Ruhra i Ren-Men.

Brama Brandenburska to XVIII-wieczny neoklasycystyczny pomnik w Berlinie, zbudowany na rozkaz króla Prus Fryderyka Wilhelma II po udanym przywróceniu porządku podczas rewolucji batawskiej.

Słodkie pierogi z ciasta, smażone na tłuszczu lub oleju, nadziewane dżemem i glazurowane cukrem pudrem. Znane również po prostu jako "Berliner" lub, we wschodniej części Niemiec i w Bawarii, nazywane są "Krapfen".

Niemiecki jest oficjalnym i dominującym językiem mówionym w Berlinie. Jest to język zachodniogermański, który wywodzi większość swojego słownictwa z germańskiej gałęzi indoeuropejskiej rodziny językowej.

Кликните на заголовок

КАК ПОВТОРИТЬ АНИМАЦИЮ

- Wyzwalacz - Заголовок и описание
- Wydarzenie - Kliknij
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,2; Przesunięcie Y -417; Krycie 100

Появление карточки при клике на текст

- Wyzwalacz - Заголовок и описание
- Wydarzenie - Kliknij
- Krok 2 - Czas trwania 0,2; Przesunięcie Y -145; Krycie 0

Исчезновение описания при клике на него и заголовок

RUSZAMY!

Заменяйте элементы при клике или ховере

Наведите на любую из кнопок

HOVER ON

PLAY

КАК ПОВТОРИТЬ АНИМАЦИЮ

9

- Trigger - Кнопка 2 (на верхнем слое)
- Верхняя кнопка - zdarzenia wskaźnika - brak
- Zdarzenie - najechanie kursorem
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,1; Krycie 100

Появление одного элемента на месте другого

Составьте гид по содержанию страницы

Наведите на любой из разделов, чтобы узнать о нем больше

10

DRZEWA

GRUNT

PTAKI

OWADY

WODA

Owady lub Insecta to bezkręgowce sześciopalczaste i największa grupa w obrębie gromady stawonogów. Definicje i opisy są różne; zazwyczaj owady stanowią klasę w obrębie Arthropoda.

Niektóre ptaki, zwłaszcza krukowate i papugi, należą do najbardziej inteligentnych zwierząt; kilka gatunków ptaków wytwarza i używa narzędzi, a wiele gatunków społecznych przekazuje wiedzę z pokolenia na pokolenie, co jest uważane za formę kultury.

Pedosfera łączy się z litosferą, hydrosferą, atmosferą i biosferą. Termin pedolit, powszechnie używany w odniesieniu do gleby, tłumaczy się jako zmielony kamień w znaczeniu "kamień fundamentalny".

W botanice drzewo to roślina wieloletnia z wydłużoną łodygą lub pniem, podtrzymująca gałęzie i liście u większości gatunków. W niektórych zastosowaniach definicja drzewa może być węższa

Woda jest nieorganiczną, przezroczystą, bezsmakową, bezwonną i prawie bezbarwną substancją chemiczną, która jest głównym składnikiem hydrosfery Ziemi i płynów większości żywych organizmów.

КАК ПОВТОРИТЬ АНИМАЦИЮ

- Trigger - Заголовок
- Event - Hover
- Тексты и карточки - Pointer Events-None
- Step 1 - Duration 0; Opacity 0
- Step 2 - Duration 0.3; Opacity 100

Появление изображения при наведении на название

- Wyzwalacz - Заголовок
- Zdarzenie - najechanie kursorem
- Krok 1 - Czas trwania 0; Krycie 0
- Krok 2 - Czas trwania 0,3; Krycie 100; Przesunięcie - 250

Появление карточки с текстом при наведении на название

Пример работы Триггерной анимации при наведении на элементы