23 bibliotecas CSS de alta calidade para deseño web

CSS

As bibliotecas CSS actuais son a proba do alto nivel de deseño web e como isto facilita as cousas á hora de implementar esas formas brillantes de entender o que é a experiencia web.

Por iso o faremos comparte 23 bibliotecas CSS de alta calidade de varios artistas que demostran como todo é posible a través desta linguaxe de deseño. Unha interesante oferta de recursos para admirarse do que se pode conseguir a través de CSS.

Desenfocar o menú

Borrão

un demostración brillantemente optimizada no que podes atopar ata sete exemplos. Usan a transición CSS3 e o que sería unha gran intelixencia no uso de diferentes selectores para crear un efecto de desenfoque de alta calidade.

Nubes CSS3D

Nubes

Con tan só sitúa sobre esta demostración, poderá experimentar o gran efecto conseguido con esta biblioteca CSS. O mellor de todo é que esas nubes están en pleno movemento. Usa CSS3 3D Transforms, así como JavaScript. Desde a ligazón podes acceder ao tutorial onde atopar cada un dos pasos.

Logotipos en CSS puro

logos

Esta biblioteca contén algúns dos logotipos máis populares por todos como Apple ou Twitter. É máis que interesante que poidas coñecer as propiedades de cada un dos logotipos colocando o punteiro do rato. Ten todos os accesos ao código completo desde a ligazón.

Barra de navegación de Jan Kadera

Xan

Desde codepen.io temos acceder a esta barra de navegación en 3D que se move de marabilla e do que podemos coñecer plenamente o seu código. O peculiar desta biblioteca é que só consta de 65 liñas. No efecto campo de profundidade están presentes novas funcións CSS3.

Os paneis de imaxe planeando

Deslizamento

Tes acceso ao tutorial dende aquí. O seu gran valor é que suaves son as animacións ao desprazar os paneis de imaxes. Podes acceder a catro variacións para incorporalas no teu sitio web e conseguir un resultado magnífico.

Dobre anel

Anel dobre

Estamos antes un anel perfectamente recreado cunha gran animación de fabricación. Desde codepen.io tes acceso a todo o código composto por centos de liñas.

Flexbox

Flex

As caixas flexibles son o novo xeito CSS de amosar columnas nunha páxina. A guía bastante completa para entender estes colectores.

Un menú de navegación colorido

Navegación

Tes acceso a todo HTML e CSS para este menú de navegación que profesa moito amor pola cor. Está feito completamente en CSS para que poidas mergullarte neste idioma.

Barras de progreso en CSS3

Barras

Aínda que está en inglés, como a maioría das librarías, HTML e CSS están ben detallados necesitaba ter grandes barras de progreso no deseño. Agardan gradacións, liñas e outros tipos de efectos visuais.

Animádeo.css

Animar

Popular en GitHub, é feito integramente en CSS. Escolle a animación que queres saber e só tes que facer clic no botón "Animala" para ver o efecto en Animate.css. Podes descargalo ou velo en GitHub.

Spinkit

Spinkit

Estamos ante unha colección de indicadores que poden servir para todo tipo de elementos visuais na web. Fai clic en "Fonte" e atoparás todo o código necesario para a súa execución.

Botóns

Botóns

un Biblioteca de botóns CSS de todas as formas e ideas para atopar a que precisa para diferenciarse da competencia. Desde a barra lateral podes desactivar as formas ou efectos que non queres atopar e, deste xeito, concentrarte nun en particular.

FlipSwitch

Flipswitch

Estamos antes unha aplicación que che permite desactivar determinados botóns para crear un que sexa exactamente o que buscamos. Usamos as diferentes opcións e finalmente podemos reproducir o código que copiaremos para o noso sitio web. Un recurso moi interesante pola súa versatilidade e gran estilo.

Consello.css

Consellos

un Biblioteca CSS sen JavaScript e listo para que o uses como queiras. De pequeno tamaño, fácil de usar e funciona en todos os navegadores web máis modernos.

Cores.css

Cores

Para o que busca a cor dunha alternativa interesante e iso permite a creación de prototipos rápidos para sitios web cun gran aspecto visual.

Voxels.css

Voxels

Se coñeces Minecraft, o xogo de construción, seguramente esta biblioteca CSS é fácil de recoñecer. Xira mentres prememos no centro para ir xerando as cuadrículas.

Tipografía

tipografía

un fonte CSS pura lixeiro, perfecto para o teu próximo proxecto.

Fiadores

Fiadores

un gran colección de animacións de carga de iconas en CSS e HTML.

Indicadores de liña de carga

Indicadores

Texto puro en par CSSpara cargar indicadores de todo tipo. Unha gran fonte para atopar ese indicador necesario e correcto para o seu sitio web.

Cargador CSS

Cargador CSS

Outro fonte para cargar iconas que se pode personalizar para todo tipo de animacións.

Pasar a imaxe

Pair

un biblioteca CSS escalable e de pouco peso de imaxes para esa clase «hover».

Tonalidade.css

Degradado

Unha fonte de 49 gradientes ou gradientes fotorrealistas para todo tipo de contidos e imaxes.

Materializar

material

Un Marco CSS baseado no Deseño de Materiais, o principio de deseño empregado por Google nunha gran cantidade de aplicacións e no seu propio sistema operativo Android.

Non perdas a cita con teas moi acabadas con imaxes svg.


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

Sexa o primeiro en opinar sobre

Deixa o teu comentario

Enderezo de correo electrónico non será publicado. Os campos obrigatorios están marcados con *

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.