Aktuální knihovny CSS jsou důkazem vysoké úrovně webového designu a jak to usnadňuje implementaci těchto skvělých způsobů porozumění tomu, co je webový zážitek.
Proto to uděláme sdílet 23 vysoce kvalitních knihoven CSS různých umělců, kteří dokazují, jak je vše možné prostřednictvím tohoto designového jazyka. Zajímavá nabídka zdrojů k úžasu nad tím, čeho lze dosáhnout pomocí CSS.
Nabídka rozostření
A skvěle optimalizovaná ukázka ve kterém najdete až sedm příkladů. Používají přechod CSS3 a jaká by byla skvělá inteligence při použití různých selektorů k vytvoření vysoce kvalitního efektu rozostření.
Mraky CSS3D
Pouze s najeďte myší na toto demo, budete moci zažít velký efekt dosažený touto knihovnou CSS. Nejlepší ze všeho je, že tyto mraky jsou v plném pohybu. Využívá CSS3 3D transformace i JavaScript. Z odkazu získáte přístup k výukovému programu, kde najdete jednotlivé kroky.
Loga v čistém CSS
Tato knihovna obsahuje některá z nejpopulárnějších log od všech, jako je Apple nebo Twitter. Je více než zajímavé, že můžete znát vlastnosti každého z log umístěním ukazatele myši. Z odkazu máte všechny přístupy k úplnému kódu.
Navigační lišta od Jana Kadery
Ze stránky codepen.io máme přístup k této navigační liště ve 3D který se pohybuje úžasně a ze kterého můžeme plně znát jeho kód. Zvláštní na této knihovně je, že se skládá pouze z 65 řádků. Efekt hloubkového pole obsahuje nové funkce CSS3.
Klouzavé obrazové panely
Máte přístup k tutoriálu odtud. Jeho velká hodnota je jak plynulé animace při posouvání obrazových panelů. Máte přístup ke čtyřem variantám, které můžete začlenit na svůj web a dosáhnout tak skvělého výsledku.
Dvojitý prsten
Jsme předtím dokonale vytvořený prsten se skvělou výrobní animací. Ze stránky codepen.io máte přístup ke všem kódům složeným ze stovek řádků.
Flexbox
Flexboxes jsou nový způsob zobrazení sloupců na stránce v CSS. A docela komplexní průvodce porozumět těmto kontejnerům.
Barevné navigační menu
Máte přístup k všechny HTML a CSS pro tuto navigační nabídku který vyznává hodně lásky k barvě. Je vytvořen výhradně v CSS, takže se můžete ponořit do tohoto jazyka.
Indikátory průběhu v CSS3
Ačkoli je v angličtině, jako většina knihkupectví, HTML a CSS jsou velmi podrobné potřeboval mít skvělé pruhy postupu návrhu. Čekají na vás přechody, čáry a další typy vizuálních efektů.
Animate.css
Populární na GitHubu zcela v CSS. Vyberte animaci, kterou chcete znát, a stačí kliknout na tlačítko „Animate it“, abyste viděli efekt v souboru Animate.css. Můžete si jej stáhnout nebo zobrazit na GitHubu.
spinkit
Čelíme kolekci indikátorů, které mohou slouží pro všechny druhy vizuálních prvků na webu. Klikněte na „Zdroj“ a najdete veškerý kód potřebný k jeho provedení.
Tlačítka
A Knihovna tlačítek CSS ze všech způsobů a nápadů, jak najít ten, který potřebujete, abyste se odlišili od konkurence. Z postranního panelu můžete deaktivovat tvary nebo efekty, které nechcete najít, a zaměřit se tedy konkrétně na jeden.
Flipswitch
Jsme předtím aplikace, která umožňuje deaktivovat některá tlačítka vytvořit ten, který je přesně to, co hledáme. Používáme různá nastavení a nakonec můžeme reprodukovat kód, který zkopírujeme pro náš web. Velmi zajímavý zdroj pro svou univerzálnost a skvělý styl.
Nápověda. Css
A Knihovna CSS bez JavaScriptu a připraveni k použití, jak si přejete. Malý, snadno použitelný a funguje ve všech nejmodernějších webových prohlížečích.
Barvy.css
Pro toho, kdo podívejte se na barvu ze zajímavé alternativy a to umožňuje rychlé prototypování webových stránek se skvělým vizuálním aspektem.
Voxels.css
Pokud znáte Minecraft, konstrukční hru, určitě je tato knihovna CSS snadno rozpoznatelná. Otočte, když stiskneme uprostřed generovat mřížky.
Typografie
A čisté písmo CSS lehký, prostě ideální pro váš další projekt.
Spinners
A velká sbírka animací načítání ikon v CSS a HTML.
Indikátory nabíjecí linky
Čistý text v páru CSSnačíst indikátory všeho druhu. Skvělý zdroj pro nalezení toho správného indikátoru pro váš web.
CSS zavaděč
Další písmo pro načítání ikon které lze přizpůsobit pro všechny druhy animací.
Umístit kurzor na obrázek
A škálovatelná knihovna CSS a malou váhu obrázků pro danou třídu „vznášet se“.
odstín.css
Zdroj 49 přechodů nebo fotorealistické přechody pro všechny typy obsahu a obrázků.
Materializovat
Un Rámec CSS založený na materiálovém designu, princip designu používaný společností Google ve velkém počtu aplikací a ve vlastním operačním systému Android.
Nenechte si ujít schůzku s vysoce hotovými pásy s obrázky svg.