Súčasné knižnice CSS sú dôkazom vysokej úrovne webdizajnu a ako to uľahčuje implementáciu týchto skvelých spôsobov pochopenia toho, čo je webový zážitok.
Preto budeme zdieľať 23 vysoko kvalitných knižníc CSS od rôznych umelcov, ktorí prostredníctvom tohto dizajnérskeho jazyka dokazujú, ako je možné všetko. Zaujímavá ponuka zdrojov na zázrak, čo sa dá dosiahnuť pomocou CSS.
Rozmazať ponuku
Una brilantne optimalizované demo v ktorých nájdete až sedem príkladov. Využívajú prechod CSS3 a aká by bola skvelá inteligencia pri používaní rôznych selektorov na vytvorenie vysoko kvalitného efektu rozostrenia.
Mraky CSS3D
Iba s umiestnite kurzor myši na túto ukážku, budete môcť zažiť veľký efekt dosiahnutý s touto knižnicou CSS. Najlepšie zo všetkého je, že tieto mraky sú v plnom pohybe. Využíva CSS3 3D transformácie, ako aj JavaScript. Z odkazu získate prístup k výučbe, kde nájdete jednotlivé kroky.
Logá v čistom CSS
Táto knižnica obsahuje niektoré z najpopulárnejších log od všetkých ako Apple alebo Twitter. Je viac ako zaujímavé, že vlastnosti každého z log môžete zistiť umiestnením ukazovateľa myši. Všetky prístupy k úplnému kódu máte z odkazu.
Navigačná lišta od Jana Kaderu
Zo stránky codepen.io máme prístup na tento navigačný panel v 3D ktorý sa pohybuje úžasne a od ktorého môžeme plne poznať jeho kód. Zvláštnosťou tejto knižnice je, že sa skladá iba zo 65 riadkov. Efekt hĺbkového poľa obsahuje nové funkcie CSS3.
Kĺzavé obrazové panely
Máte prístup k tutoriálu odtiaľ. Jeho veľká hodnota je ako plynulé animácie pri posúvaní obrazových panelov. Máte prístup k štyrom variantom, ktoré môžete začleniť do svojich webových stránok, a dosiahnuť tak vynikajúci výsledok.
Dvojitý krúžok
Sme predtým dokonale znovu vytvorený prsteň so skvelou animáciou výroby. Z codepen.io máte prístup k celému kódu zloženému zo stoviek riadkov.
flexboxu
Flexboxy sú novým spôsobom zobrazovania stĺpcov na stránke v CSS. A pomerne komplexný sprievodca porozumieť týmto kontajnerom.
Farebné navigačné menu
Máte prístup k všetky HTML a CSS pre túto navigačnú ponuku ktorý vyznáva veľa lásky k farbe. Je celý vyrobený v CSS, takže sa môžete ponoriť do tohto jazyka.
Indikátory priebehu v CSS3
Aj keď je to v angličtine, ako vo väčšine kníhkupectiev, HTML a CSS sú veľmi podrobné potrebné mať vynikajúce pruhy postupu návrhu. Čakajú vás prechody, čiary a ďalšie typy vizuálnych efektov.
Animate.css
Populárne na GitHube úplne v CSS. Vyberte si animáciu, ktorú chcete poznať, a ak chcete vidieť efekt v súbore Animate.css, stačí kliknúť na tlačidlo „Animovať to“. Môžete si ho stiahnuť alebo zobraziť na GitHub.
spinkit
Stretávame sa so súborom ukazovateľov, ktoré môžu slúžia na všetky druhy vizuálnych prvkov na webe. Kliknite na „Zdroj“ a nájdete všetok kód potrebný na jeho vykonanie.
tlačidla
Una Knižnica tlačidiel CSS všetkých spôsobov a nápadov, ako nájsť ten, ktorý potrebujete, aby ste sa odlíšili od konkurencie. Na bočnom paneli môžete deaktivovať tvary alebo efekty, ktoré nechcete nájsť, a zamerať sa tak najmä na jeden.
FlipSwitch
Sme predtým aplikácia, ktorá umožňuje zakázať určité tlačidlá vytvoriť ten, ktorý je presne to, čo hľadáme. Používame rôzne nastavenia a nakoniec budeme môcť reprodukovať kód, ktorý skopírujeme pre našu webovú stránku. Veľmi zaujímavý zdroj pre svoju univerzálnosť a skvelý štýl.
Pomôcka.css
Una Knižnica CSS bez JavaScriptu a ste pripravení na použitie podľa vlastného želania. Malý, ľahko použiteľný a funguje vo všetkých najmodernejších webových prehliadačoch.
Farby.css
Pre toho, kto hľadať farbu zo zaujímavej alternatívy a to umožňuje rýchle prototypovanie webových stránok so skvelým vizuálnym aspektom.
Voxels.css
Ak poznáte stavebnú hru Minecraft, určite je táto knižnica CSS ľahko rozpoznateľná. Otáčajte tak, ako stláčame v strede ísť generovať mriežky.
Typografia
Una čisté písmo CSS ľahký jednoducho ideálny pre váš ďalší projekt.
práčky
Una veľká zbierka animácií načítania ikon v CSS a HTML.
Indikátory nabíjacej linky
Čistý text v páre CSSnačítať indikátory všetkého druhu. Skvelý zdroj na vyhľadanie toho správneho a potrebného indikátora pre váš web.
CSS nakladač
Ďalšie písmo pre načítanie ikon ktoré je možné prispôsobiť pre všetky druhy animácií.
Umiestnenie kurzora myši
Una škálovateľná knižnica CSS a malá váha obrázkov pre túto triedu «vznášať».
odtieň.css
Zdroj 49 prechodov alebo fotorealistických prechodov pre všetky typy obsahu a obrázkov.
Materialise
Un Rámec CSS založený na materiálovom dizajne, princíp návrhu používaný spoločnosťou Google vo veľkom množstve aplikácií a vo vlastnom operačnom systéme Android.
Nezmeškajte termín s vysoko hotovými webmi s obrázky svg.