Направите потпуно анимиране видгете са Схифт.цсс

Веб анимација нуди пут зграбите пажњу људи и даље на веб страницу. Постоји много алата за то креирајте бесплатне анимације али Схифт.цсс је једна од најновијих у групи.

То је слободан опен соурце оквир направљен за стварање динамичке анимације унутар било ког контејнера. И ове анимације нису закључани у једну секвенцу. Заиста можете да направите прилагођене анимације за сваки елемент у блоку и примените их у одређеном редоследу.

Тхе Померајте демо страницу могу вам показати много боље него што могу објаснити ријечима.

Једна ствар коју ћете приметити је да је сваки елемент унутар контејнера посебан ХТМЛ елемент. Било да је у питању СВГ или слика или било шта друго, све то можете анимирати одвојено креирајте свој сопствени ефекат анимације.

Библиотека долази са два фајла, а .цсс и .јс библиотека, и обоје треба да буду додан у главу документа.

Не могу да пронађем ГитХуб репо за овај пројекат, тако да ћете морати преузмите датотеке директно са веб странице Схифт.цсс.

Следећи корак је да дефинисати елемент контејнера са неким садржајем. Имена класа су важна тако да сваки елемент анимације треба имају класу .схифт-елемент примењено.

Уз ове часове, можете и ви додајте ХТМЛ5 атрибуте података да бисте дефинисали како анимација ради. Управо сада постоје само три, али би требало бити довољно за прилагодбу пуног ефекта анимације.

1. анимација података: Име анимације
2. кашњење података: Укупно кашњење (у секундама) пре почетка анимације
3. трајање података: Укупна дужина (у секундама) анимације

Име анимације мора бити а предефинед аниматион креиран за библиотеку Схифт. Управо сада постоје 15 имена анимација за избор. Можете их видети на дну Схифт.цсс почетне странице.

Само цопи / пасте шта год хоћеш у поставку имена анимације и треба да будеш добар! На пример, ако бих желео да користим излазну анимацију фаде коју бих додао дата-аниматион = "схифт_екитФаде" као атрибут података за било који елемент који треба да анимира на тај начин. Лаганица.

Волео бих да ова библиотека има више опција у ЈаваСцрипту јер би омогућила програмерима да имају много више контроле над положајем и функцијама. Али за једноставан (и бесплатан) оквир анимације не могу се жалити.

Схифт.цсс је савршен за невер девелоперс који желе да креирају сложенији стилови анимације без писања вербозног кода од нуле.