Les llibreries CSS actuals són prova de l'elevat nivell de el disseny web i com aquestes faciliten les coses a l'hora d'implementar aquestes brillants formes d'entendre el que és l'experiència web.
És per això que anem a compartir 23 llibreries CSS de gran qualitat de variats artistes que proves com tot és possible a través d'aquest llenguatge de disseny. Una interessant oferta de recursos per a deixar-nos meravellats per la qual cosa es pot aconseguir a través de CSS.
Blur Menú
Una demo brillantment optimitzada en el qual es pot trobaras fins a set exemples. Utilitzen la transició CSS3 i el que seria gran intel·ligència en l'ús de diferents selectors per crear un efecte de desenfocament de gran qualitat.
CSS3D Clouds
Amb tan sols posar el punter sobre aquesta demo, Podràs experimentar el gran efecte aconseguit amb aquesta llibreria CSS. El millor de tot és que aquests núvols estan en ple moviment. Utilitza CSS3 3D Transforms alhora que JavaScript. Des de l'enllaç podeu accedir a l'tutorial on trobar cada un dels passos.
Logos en pur CSS
Aquesta llibreria conté alguns dels logotips més coneguts per tots com són els d'Apple o Twitter. És més que interessant que pugueu conèixer les propietats de cada un dels logos a l'posar el punter de l'ratolí. Teniu tots els accessos a el codi complet des de l'enllaç.
Barra de navegació per Jan Kadera
Des codepen.io tenim accés a aquesta barra de navegació en 3D que es mou estupendament i de la qual podem conèixer completament el seu codi. El peculiar d'aquesta llibreria és que està composta per només 65 línies. Les noves característiques CSS3 són presents en l'efecte de camp de profunditat.
Panells d'imatges lliscant
Teniu accés a l'tutorial des d'aquí. El seu gran valor és el suau de les animacions quan llisquen els panells d'imatges. Podeu accedir a quatre variacions per incorporar-les a la vostra web i aconseguir un magnífic resultat.
anell doble
estem davant un anell recreat perfectament amb una animació de gran manufactura. Des codepen.io teniu accés a tot el codi compost per centenars de línies.
Flexbox
Flexboxes són la nova forma de CSS de mostrar les columnes en una pàgina. una guia força completa per entendre aquests contenidors.
Un menú de navegació colorit
Teniu accés a tot el codi HTML i el CSS d'aquest menú de navegació que professa molt d'amor pel color. Està fet totalment en CSS perquè pugueu submergir-vos en aquest llenguatge.
Barres de progrés en CSS3
Encara que estigui en anglès, com la major part de les llibreries, es detalla bé l'HTML i el CSS necessari per tenir unes barres de progrés d'un gran disseny. Degradats, línies i altres tipus d'efectes visuals t'esperen.
Animate.css
De gran popularitat en GitHub, està fet enterament en CSS. Tria l'animació que vulguis conèixer, i només has de prémer sobre el botó «Anima't it» per veure l'efecte en Animate.css. Pots descarregar-ho o veure-ho justament en GitHub.
Spinkit
Estem davant d'una col·lecció d'indicadors que poden servir per a tot tipus d'elements visuals a la web. Prems sobre «Source» i trobaràs tot el codi necessari per a la seva execució.
Botons
Una llibreria de botons CSS de totes les formes i idees per trobar aquell que necessites per diferenciar-te de la competència. Des de la barra lateral pots desactivar les formes o efectes que no vols trobar i així centrar-te en un en concret.
FlipSwitch
estem davant una app que permet desactivar certs botons per crear així un que sigui exactament el que busquem. Fem servir les diferents configuracions i finalment podrem reproduir el codi que copiarem per al nostre lloc web. Un recurs ben interessant per la seva versatilitat i gran estil.
Hint.css
Una llibreria CSS sense JavaScript i llista perquè la utilitzis tal com desitgis. De poc mida, fàcil d'usar i que funciona a tots els navegadors web més moderns.
Colors.css
Per a aquell que busca el color des d'una alternativa interessant i que permet prototyping ràpid per llocs web amb un gran aspecte visual.
Voxels.css
Si coneixeu Minecraft, el joc de construcció, segurament que aquesta llibreria CSS sigui fàcil reconèixer-la. Rota segons premem al centre per anar generant les quadrícules.
Tipògraf
Una font en pur CSS de poc pes simplement perfecta per al teu proper projecte.
Filadors
Una gran col·lecció d'animacions d'icones de càrrega en CSS i HTML.
Indicadors de línia de càrrega
Pur text en CSS parella indicadors de càrrega de tot tipus. Una gran font per trobar aquell indicador necessari i just per la vostra web.
Carregador CSS
Una altra font per a icones de càrrega que es pot personalitzar per a tot tipus d'animacions.
Passa la imatge
Una llibreria CSS escalable i de poc pes d'imatges per aquesta classe «hover».
Hue.css
Una font de 49 degradats o gradients fotorrealistícos per a tot tipus de contingut i imatges.
Materialitzar-se
Un framework CSS basat en Material Design, El principi de disseny usat per Google en una gran d'apps i en el seu propi sistema operatiu Android.
No faltis a la cita amb webs de gran acabat amb imatges SVG.