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