23 llibreries CSS de gran qualitat per a disseny web

CSS

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ú

Desenfocament

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

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

logos

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

gen

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

Escorredor

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

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

Flexible

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

navegació

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

barres

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

Animar

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

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

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

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

Suggeriments

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

Colors

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

voxels

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

tipògraf

Una font en pur CSS de poc pes simplement perfecta per al teu proper projecte.

Filadors

Filadors

Una gran col·lecció d'animacions d'icones de càrrega en CSS i HTML.

Indicadors de línia de càrrega

Indicadors

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

Carregador CSS

Una altra font per a icones de càrrega que es pot personalitzar per a tot tipus d'animacions.

Passa la imatge

Passa el ratolí

Una llibreria CSS escalable i de poc pes d'imatges per aquesta classe «hover».

Hue.css

degradats

Una font de 49 degradats o gradients fotorrealistícos per a tot tipus de contingut i imatges.

Materialitzar-se

material

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.


Sigues el primer a comentar

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.