Креирајте каскадне ефекте једноставно помоћу ЦасцадеЈС-а

Фенси анимације су десет центи на вебу. Постају лакши за стварање са невероватним тоном библиотеке анимација.

Цасцаде.јс је још једна библиотека која се додаје на листу и дефинитивно је јединствена. Уз Цасцаде можете дизајнирати прилагођене ефекте анимације користећи каскадна слова у тексту или каскадни елементи у главном контејнеру.

Ова библиотека има нема зависности; ради на класичном ЈаваСцрипт-у. Можете га инсталирати кроз нпм, Бовер или преузимањем копије директно из ГитХуб-а.

Да би ЦасцадеЈС радио, ви ћете треба два фајла: ЦСС датотека и ЈаваСцрипт датотека. Обоје долазе заједно минифиед версион да бисте уштедели неколико КБ на величини странице.

Сваки елемент Каскаде се дели на одвојене делове који анимирати појединачно кроз елементи. Су додан динамички, тако да не морате ништа да мењате у ХТМЛ-у.

Али, мораћете сет уп тхе проток () функције у вашој датотеци, након што циљате било који елемент који желите да анимирате.

Ви заправо можете усе јКуери са овом библиотеком, ако желите, без обзира на то не тражи се. Дакле, ако вам је драже да одаберете елементе са јКуери онда га слободно користите.

Ево једног исечак ванилије ЈаваСцрипт са демо приказа главног сајта:

Можеш проћи проток () елемент са нема параметара, или можете конфигуришите их све себе. Треба осам изборних параметара за уређивање стила анимације, тајминга, трајања и опционалних ЦСС класа.

ЦасцадеЈС има још једну функцију фрагмент () који вам дозвољава раздвојити слова (или елементе) у засебне контејнере, а да их не анимирају. Можете користити ову функцију за текст и текст у боји на страници циљањем сваког појединачног слова у ријечи. Прилично кул, тачно?

Све код узорака отворени су на главној страници библиотеке, тако да можете сами копирати / залијепити и поправити. Али, такође ћете наћи документацију на страници ГитХуб ако тражите јаснији начин да започнете.