Vytvořte jednodílné spinners a nakladače s CSSPIN

S CSS3 si můžete vybudovat úžasné věci, od vlastní vstupní pole na rozevírací seznamy a dokonce vektorové grafiky. Tyto techniky jsou rychle předjíždí JavaScript, usnadňuje vývojářům vytvářet lepší uživatelské zkušenosti.

Jednou z nejnáročnějších věcí, které se staví, je načítání spinner animace ale moderní CSS animace dokonce dělá to docela jednoduchý.

Chcete-li ušetřit čas budování od nuly, můžete použít knihovnu jako CSSPIN s tunami předdefinované vlastní předení. Všechny tyto animace mohou volně klonovat a zcela otevřené, takže máte plný přístup upravit kód podle svého přání.

Vytvoření spinneru s touto knihovnou je hračkou. Prostě zkopírujte knihovnu CSS na vaši stránku přidat vlastní elementy HTML kdekoli chcete, aby se objevily.

Tyto vlastní spřádače používají pouze jeden element HTML vytvořit efekt animace. To je obrovské, protože grafický a animační efekt je poskytovány pouze pomocí CSS tříd.

A protože máte přístup ke zdrojovému kódu, můžete nahradit tvary, barvy, velikosti a rychlosti animace lépe vyhovovat vašim projektům.

Stačí si poznamenat kód používá syntaxi LESS, takže budete muset být obeznámeni s tímto jazykem pro předzpracování, abyste mohli provádět jakékoli zásadní úpravy.

Ale můžete najít spoustu prosté příklady CSS na hlavní demo stránce jednoduché pokyny na stránce GitHub.

Jestli to znáš npm nebo Altánek tyto jsou alternativních metod pro instalaci knihovny.

Bez ohledu na to, jak se vám to nainstalovat, je to skvělá CSS animace knihovny pracovat. Má to být plně modulární s dostatkem místa pro nové spinners, nové animace a úpravy od jiných vývojářů.

Chcete-li se dozvědět více a procházet celou dokumentací, podívejte se na CSSPIN repo na GitHub. Tvůrce také udělal malý nastavení videa můžete sledovat níže.