A jelenlegi CSS könyvtárak bizonyítják a webdesign magas szintjét és hogyan könnyítik meg ezeket a dolgokat, amikor a webes élmény megértésének ragyogó módjait kell megvalósítani.
Ezért fogjuk 23 kiváló minőségű CSS könyvtár megosztása különböző művészek, akik bizonyítják, hogy minden lehetséges ezen a tervezési nyelven keresztül. Érdekes forrásajánlat arra, hogy rácsodálkozzunk, mit lehet elérni a CSS-en keresztül.
Homályos menü
egy ragyogóan optimalizált bemutató amelyben legfeljebb hét példát találhat. A CSS3 átmenetet használják, és mi lenne a nagy intelligencia a különféle szelektorok használatával, hogy kiváló minőségű elmosódást érjenek el.
CSS3D felhők
Csak mutasson a bemutató fölé, megtapasztalhatja a CSS-könyvtárral elért nagyszerű hatást. A legjobb az egészben, hogy ezek a felhők teljes mozgásban vannak. CSS3 3D átalakításokat, valamint JavaScriptet használ. A linkről elérheti az oktatóanyagot, ahol megtalálja az egyes lépéseket.
Logók tiszta CSS-ben
Ez a könyvtár tartalmazza a legnépszerűbb logók közül az összes, például az Apple vagy a Twitter. Több mint érdekes, hogy az egérmutató elhelyezésével megismerheti az egyes logók tulajdonságait. A teljes kódhoz a linken keresztül férhet hozzá.
Jan Kadera navigációs sávja
A codepen.io-ból van hozzáférés ehhez a navigációs sávhoz 3D-ben amely csodálatosan mozog, és amelyből teljesen megismerhetjük a kódját. A könyvtár sajátossága, hogy csak 65 sorból áll. Az új CSS3 funkciók jelen vannak a mélységmezőben.
Képpanelek siklanak
Hozzáférhet az oktatóanyaghoz innen. Nagy értéke milyen sima az animáció amikor a képpaneleket csúsztatja. Négy változathoz férhet hozzá, hogy beépíthesse azokat a webhelyére, és csodálatos eredményt érjen el.
Dupla gyűrű
Korábban vagyunk tökéletesen újjáépített gyűrű nagyszerű animációval. A codepen.io oldalról hozzáférhet az összes, több száz sorból álló kódhoz.
flexbox
A flexboxok az új CSS-módszerek az oszlopok megjelenítésére egy oldalon. A meglehetősen átfogó útmutató hogy megértse ezeket a konténereket.
Színes navigációs menü
Hozzáférhet a következőhöz: az összes HTML és CSS ehhez a navigációs menühöz aki sok szeretetet vall a színek iránt. Teljesen CSS-ben készül, hogy belemerülhessen ebbe a nyelvbe.
Haladási sávok a CSS3-ban
Bár angolul van, mint a legtöbb könyvesboltban, A HTML és a CSS jól részletezett nagyszerű előrehaladási sávok szükségesek. Színátmenetek, vonalak és más típusú vizuális effektek várnak rád.
Animate.css
Népszerű a GitHub-on, ez teljes egészében CSS-ben. Válassza ki az animációt, amelyet ismerni szeretne, és csak az "Animate it" gombra kell kattintania, hogy az Animate.css fájlban láthassa a hatást. Letöltheti vagy megtekintheti a GitHubon.
spinkit
Olyan mutatók gyűjteményével állunk szemben, amelyek képesek mindenféle vizuális elemhez szolgálnak az interneten. Kattintson a "Forrás" gombra, és megtalálja a végrehajtásához szükséges összes kódot.
gombok
egy CSS gombkönyvtár az összes olyan módszer és ötlet közül, amelyre szükség van, hogy megkülönböztesse magát a versenytől. Az oldalsávon inaktiválhatja azokat a formákat vagy effektusokat, amelyeket nem szeretne megtalálni, és így különösen egyre összpontosíthat.
FlipSwitch
Korábban vagyunk egy olyan alkalmazás, amely lehetővé teszi bizonyos gombok letiltását hogy létrehozzunk egy olyat, amire éppen vágyunk. Használjuk a különböző beállításokat, és végül reprodukálhatjuk a kódot, amelyet átmásolunk a weboldalunkra. Nagyon érdekes forrás sokoldalúsága és nagyszerű stílusa miatt.
Tipp.css
egy CSS könyvtár JavaScript nélkül és készen áll arra, hogy tetszés szerint használhassa. Kicsi a mérete, könnyen kezelhető és a legmodernebb böngészőkben működik.
Színek.css
Annak, aki keresse meg a színt egy érdekes alternatívából és ez lehetővé teszi a nagyszerű vizuális aspektusú webhelyek gyors prototípus-készítését.
Voxels.css
Ha ismeri a Minecraftot, az építőipari játékot, akkor biztosan könnyen felismerhető ez a CSS könyvtár. Forgassuk, ahogy a közepén nyomjuk hogy menjen a rácsok létrehozására.
Tipográfia
egy tiszta CSS betűtípus könnyű, egyszerűen tökéletes a következő projektjéhez.
spinners
egy animációk nagy gyűjteménye ikonok betöltése CSS-ben és HTML-ben.
Töltővonal jelzők
Tiszta szöveg CSS párbanmindenféle indikátor terheléséhez. Nagyszerű forrás a webhelyéhez szükséges és megfelelő mutató megtalálásához.
CSS betöltő
Másik betűtípus az ikonok betöltéséhez amely mindenféle animációhoz testreszabható.
Kép lebeg
egy skálázható CSS könyvtár és csekély a kép súlya az osztályban «lebegő«.
színárnyalat.css
Forrása 49 gradiens vagy fotorealisztikus gradiens minden típusú tartalomhoz és képhez.
megvalósul
Un Anyagtervezésen alapuló CSS keretrendszer, a Google által számos alkalmazásban és saját Android operációs rendszerében alkalmazott tervezési elv.
Ne hagyja ki a találkozót nagymértékben kész hálózatokkal a svg képek.