Hozzon létre egyelemes Spinnereket és betöltőket a CSSPIN segítségével

Lehet építeni néhány csodálatos dolgot a CSS3-tól egyéni beviteli mezők nak nek dropdown sőt még vektoros grafika. Ezek a technikák gyorsan megkerülheti a JavaScript-et, megkönnyíti a fejlesztők számára a jobb felhasználói élményeket.

Az egyik legnehezebb dolog az a spinner animáció betöltése de a modern CSS animáció is nagyon egyszerű.

Időtakarékossági megtakarításhoz használhat egy olyan könyvtárat, mint a CSSPIN tonna előre meghatározott egyéni fonók. Ezek az animációk szabadon klónozhatók és teljesen nyitottak, így van teljes hozzáférés szerkesztheti a kódot.

Ezzel a könyvtárral fonógépet állíthat be. Te csak másolja a CSS könyvtárat az oldalára adjon hozzá egyéni HTML elemeket bárhol is szeretné őket megjeleníteni.

Ezek az egyéni spinnerek csak használhatók egy HTML elem az animációs hatás létrehozásához. Ez hatalmas, mert a grafika és az animációs hatás tisztán a CSS osztályokon keresztül.

És mivel hozzáférhet a forráskódhoz cserélje ki az alakzatokat, színeket, méreteket és animációs sebességeket hogy jobban megfeleljen a projekteknek.

Csak jegyezze fel a kódot használja a LESS szintaxist, úgyhogy meg kell ismernie ezt az előfeldolgozási nyelvet, hogy bármilyen nagyobb módosítást végezhessen.

De rengeteg megtalálható egyszerű CSS példák a fő demóoldalon egyszerű utasítások a GitHub oldalon.

Ha ismeri NPM vagy Lugas ezek alternatív módszerek a könyvtár telepítéséhez.

Függetlenül attól, hogy hogyan telepítette, ez egy nagyszerű CSS animációs könyvtár, amellyel együtt dolgozhat. Úgy kell lennie teljesen moduláris rengeteg hely az új fonókkal, új animációkkal és más fejlesztők testreszabásával.

Ha többet szeretne megtudni és böngészni az összes dokumentációban, nézze meg a CSSPIN repo a GitHub-on. Az alkotó is kicsi videó beállítása amit az alábbiakban nézhetsz.