Luo yksisuuntaiset spinnerit ja kuormaajat CSSPINin avulla

Voit rakentaa hämmästyttäviä asioita CSS3: lla mukautetut syöttökentät että dropdowns ja jopa vektorigrafiikka. Nämä tekniikat ovat nopeasti ohittamalla JavaScript, Kehittäjien on helpompi käsitellä parempia käyttäjäkokemuksia.

Yksi hankalimmista asioista on spinner-animaation lataaminen mutta nykyaikainen CSS-animaatio tekee siitä melko yksinkertaisen.

Voit säästää aikaa rakennuksen tyhjästä käyttämällä kirjastoa CSSPIN tonnia ennalta määritellyt mukautetut spinnerit. Kaikki nämä animaatiot voivat vapaasti kloonata ja täysin avoimia, joten sinulla on täysi pääsy muokata koodia haluamallasi tavalla.

Spinnerin asentaminen tämän kirjaston kanssa on helppoa. Sinä vain kopioi CSS-kirjasto sitten sivulle lisää mukautetut HTML-elementit missä haluat, että ne näkyvät.

Nämä mukautetut spinnerit käyttävät vain yksi HTML-elementti luoda animaatiovaikutus. Tämä on valtava, koska graafinen ja animaatiovaikutus on CSS-luokkien kautta.

Ja koska sinulla on pääsy lähdekoodiin, voit vaihda muotoja, värejä, kokoja ja animaation nopeuksia sopii paremmin projekteihisi.

Huomaa vain koodi käyttää LESS-syntaksia, joten sinun täytyy tuntea tämä esikäsittelykieli, jotta voit tehdä suuria muokkauksia.

Mutta löydät paljon tavalliset CSS-esimerkit demon pääsivulla yksinkertaisia ​​ohjeita GitHub-sivulla.

Jos olet perehtynyt NPM tai neitsytkammio nämä ovat vaihtoehtoisia menetelmiä kirjaston asentamiseen.

Riippumatta siitä, miten se asennetaan, tämä on loistava CSS-animaatiokirjasto. Se on tarkoitettu täysin modulaarinen runsaasti tilaa uusille spinnereille, uusille animaatioille ja muille kehittäjille.

Jos haluat lisätietoja ja selata kaikkia asiakirjoja, tutustu CSSPIN-repo GitHubissa. Luoja teki myös pienen asenna video että voit katsella alla.