23 vysoce kvalitních knihoven CSS pro webový design

CSS

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í

Blur

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

mraky

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

loga

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

leden

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

Klouzání

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

Dvojitý kroužek

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

Kabel

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

Navigace

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

Bary

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

Animovat

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

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

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

Přepínač

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

Tipy

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

barvy

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

Voxely

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

typografie

A čisté písmo CSS lehký, prostě ideální pro váš další projekt.

Spinners

Spinners

A velká sbírka animací načítání ikon v CSS a HTML.

Indikátory nabíjecí linky

Ukazatele

Č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ěč

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

Vznášet se

A škálovatelná knihovna CSS a malou váhu obrázků pro danou třídu „vznášet se“.

odstín.css

Degradován

Zdroj 49 přechodů nebo fotorealistické přechody pro všechny typy obsahu a obrázků.

Materializovat

Materiál

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.


Buďte první komentář

Zanechte svůj komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

*

*

  1. Odpovědný za údaje: Miguel Ángel Gatón
  2. Účel údajů: Ovládací SPAM, správa komentářů.
  3. Legitimace: Váš souhlas
  4. Sdělování údajů: Údaje nebudou sděleny třetím osobám, s výjimkou zákonných povinností.
  5. Úložiště dat: Databáze hostovaná společností Occentus Networks (EU)
  6. Práva: Vaše údaje můžete kdykoli omezit, obnovit a odstranit.