Looge CSSPIN-iga üksikkomponendid ja laadijad

Saate CSS3-ga ehitada mõned hämmastavad asjad kohandatud sisendväljad kuni rippmenüüd ja isegi vektorgraafika. Need meetodid on kiiresti ületades JavaScripti, arendajate jaoks lihtsam käsitada paremaid kasutajate kogemusi.

Üks keerukamaid asju on a spinneri animatsiooni laadimine kuid kaasaegne CSS-animatsioon muudab selle päris lihtsaks.

Aja säästmiseks nullist saate kasutada sellist raamatukogu CSSPIN tonni eelnevalt määratletud kohandatud spinnerid. Kõik need animatsioonid on vabalt kloonitavad ja täiesti avatud, nii et teil on täielik juurdepääs koodi muutmiseks vastavalt soovile.

Selle raamatukoguga spinneri loomine on imelihtne. Sa lihtsalt kopeerige CSS-raamatukogu siis oma lehele lisage kohandatud HTML-elemente kus iganes soovite neid ilmuda.

Need kohandatud spinnerid kasutavad ainult üks HTML-element animatsiooni efekti loomiseks. See on suur, sest graafika ja animatsiooniefekt on ainult CSS klasside kaudu.

Ja kuna teil on juurdepääs lähtekoodile, mida saate asendada kuju, värve, suurusi ja animatsioonikiirusi paremini oma projektidele.

Pange tähele koodi kasutab LESS süntaksit, seega peate olema eelnevalt töötlemise keelega tuttav, et teha suuri muudatusi.

Aga leiad palju tavalised CSS näited peamisel demo lehel koos lihtsaid juhiseid GitHubi lehel.

Kui olete tuttav npm või Bower need on alternatiivseid meetodeid raamatukogu installimiseks.

Ükskõik, kuidas see on paigaldatud, on see suurepärane CSS-i animatsiooniraamatukogu. See on mõeldud olema täielikult modulaarne palju ruumi uutele spinneritele, uutele animatsioonidele ja teiste arendajate kohandustele.

Lisateabe saamiseks ja kõigi dokumentide sirvimiseks vaadake CSSPIN repo GitHubis. Looja tegi ka väikese video seadistamine mida saate allpool vaadata.