CSS Design Awards 2107

La página CSS Design Awards, presentó lo que para ellos son las mejores 40 páginas web. Páginas que fueron diseñadas en el año 2017 y que se destacan por su buen uso del código CSS.

De las 40 páginas hay una que se llevó el trofeo de primer lugar, por su excelente diseño web. Las páginas restantes, se llevan un certificado digital, por ser los mejores de la clase.

➡ Click para ver conocer cuál fue la página ganadora…

efectos de textos con CSS

Una recopilación con 11 efectos de textos con CSS, para que los implementes en cualquier página web. Para utilizar uno de estos efectos, lo único que tienes que hacer es copiar las líneas de código de CSS y de HTML, del efecto que más te guste y llevarlas a tu página web.

Todos los efectos se pueden editar de manera muy fácil, puedes cambiar las palabras de todos los textos, el tamaño de las letras, la orientación, colores, etc. Y todos los cambios los vas a poder ver al instante, gracias al editor de texto en linea que acompaña a cada uno de los efectos.

>> CLICK PARA VER LOS 11 EJEMPLOS

El logotipo de MARVEL que se ve cuando comienza una película o una serie, está animado pero utilizando unicamente código CSS. Puedes copiar o editar el código y ver los cambios inmediatamente.

animación logo de marvel con css

CLICK PARA VER MÁS DATOS DE LA ANIMACIÓN DEL LOGOTIPO DE MARVEL

css esquinas

Encontré este efecto hecho totalmente en CSS, lo comparto aquí por que es muy fácil de implementar y el efecto es muy bueno.

El efecto se llama “tucked corners”, los cuadros, sombras y colores se hacen totalmente mediante el código CSS, en un archivo html es el que contiene el texto, pueden ver y copiar el código aquí | [webintenta.com]

botones css

Este es un buen recurso para los diseñadores web o para toda persona que quiere aprender no sólo a diseñar una página. Sino que quiera construir una página desde cero. Es decir meterle mano al código. Es por eso que este tipo de recursos son muy buenos. Por que además de copiar tal cual el botón, también puedes ver como está hecho.

Cada botón viene acompañado con el código y con imágenes. De esta forma puedes modificar absolutamente todo. Desde el color, el tamaño y la forma del botón. Y si ya tienes suficientes conocimientos de programación en CSS. Puedes cambiar las acciones de los botones.

>> CLICK PARA SABER CÓMO DESCARGAR LOS BOTONES

Blog de diseño gráfico roc21

➱ ¡Sigue el blog!
botones sociales Twitter Facebook Pinterest YouTube Google+ Instagram Feedly RSS
✉ Resumen de los artículos en tu correo
➱ ¡Suscríbete a nuestro boletín! Recibirás ofertas especiales en cursos y recursos gráficos, una vez a la semana