Туесдаи.цсс је Тхе Хоттест Аниматион Либрари Ригхт Нов
До сада сте већ требали бити упознати Анимате.цсс као примарну библиотеку анимације међу веб дизајнерима.
Али постоји нови клинац који се зове Уторак, и његове узимајући веб анимацију силом.
Ова нова библиотека се не разликује много по формату или имплементацији. Али уторак долази са шачицом нове ЦСС анимације да ти нигде другде.
Ти нови ефекти су много суптилнија у природи тако да стварно лепо се уклопите у страницу. Ево једног мала листа ефеката можете изабрати:
- Фаде & екпанд
- Фаде & схринк
- Печатите и одбијте
- Англед свинг
- Скочите са леве / десне стране
- Скуасх / стретцх
- Хинге
Ако прођете кроз ову листу на демо страници приметићете да сви ефекти имају једна заједничка ствар: физика.
Сви се осећају веома реалистичним основама физике, и изгледа придржавати се закона гравитације. Ниједна од ових анимација није претерана или непозната. Они су суптилан, али примјетан и још важније, они су увјерљиво.
Мислим да је уторак једна од најбољих модерних ЦСС анимацијских библиотека, јер она представља реалистичан приказ веб анимације.
Не би требало да дизајнирамо луде ефекте интерфејса који се истичу као болни палац. Субтлети увек је име игре јер је то ствара осећај интерактивности са било ког корисничког уноса било да се ради о клику или свитку.
Невоља је одувек писала ове анимације од нуле и натерала их да изгледају добро. Али сада са уторком твоје бриге могу да одлетиш право кроз врата.
Само преузмите копију из ГитХуб-а и Додајте .цсс
датотеку на вашу страницу. Ви заправо можете користите ЦДН верзију директно из ГитХуб-а ако не желите да преузмете нешто локално.
Када се то дода на вашу веб страницу, само аппенд тхе .анимате
класа заједно са било којом класом власништва наведен у ГитХуб репо. Ваш код може изгледати овако:
Уторак је.
Погледај фулл доцументатион видети списак свих класа анимације.
Ако радите са ЈаваСцрипт-ом такође можете додајте ове класе динамички на догађајима клик / ховер. На тај начин можете додати класу анимације само када корисник кликне на дугме, које ће изгледати као анимирано на клик.
Има толико тога што можете да урадите у уторак, и заиста је нови Анимате.цсс за прагматичне анимације корисничког интерфејса.
Завирите у демо паге да видите како живи у акцији, а ви можете научити више читањем кроз њихове “у настајању” пошта који говори о томе како је Схакр тим креирао у уторак.