Efectos para enlaces con CSS3, Formas y SVG

Muy buen tutorial para crear efectos para enlaces con CSS3 utilizando formas y SVG (Canvas), la combinación de estos 3 elementos del diseño web se esta convirtiendo en una tendencia la cual se esta regando como pólvora a pesar que Canvas y CSS3 no son soportados al menos con todas sus funciones por todos los navegadores web, pero existen frameworks como Modernizer que permite incluir un soporte no nativo en navegadores como Internet Explorer.

En fin volviendo al tema este tutorial les comparte el código y una explicación de como utilizar estos efectos bastante atractivos, y perfectos para galerías de imágenes, espero sea de utilidad, les dejo 3 imágenes que ilustran los diferentes efectos hover para diseños web que se pueden lograr.

Imágenes: Efectos para enlaces con CSS3

Efectos para enlaces con CSS3 css3 hover effect 2 css3 hover effect 3

Shape Hover Effects with SVG: Demo | Tutorial

comment ¿Que opinas?

Artículos recientes

close

Gothan Brewery, creativo diseño de packaging inspirado en personajes de DC Comics

La inspiración puede venir de cualquier parte desde un sueño hasta el amor por nuestro personaje o universo favorito; tal es el caso del estudiante de diseño Dmitry Kultygin quien ha realizado un genial proyecto de…

close

Fotografías a color que nos muestran como se vivió la Segunda Guerra Mundial

Con las crecientes tensiones mundiales patrocinadas por algunos mandatarios conflictivos es común encontrar en la red bromas con respecto del inicio de una Tercera Guerra Mundial; no obstante, la guerra no es ningún juego y…

close

SolarCan, una cámara capaz de retratar la trayectoria del sol

SolarCan es un diseño de cámara que podría ser de interés para los amantes de la fotografía y la astronomía; lo anterior es debió a que esta cámara es capaz de retratar y señalar de…

close

Retratos animales realizados en plumas por Krystle Missildine

  El día de hoy compartimos con ustedes el trabajo de la artista Krystle Missildine; la cual, trabaja con materiales un poco peculiares como podrán darse cuenta; Krystle ha realizado una colección de retratos animales…

close

Skol Beer, apoya la diversidad con su nuevo diseño de Branding

Como parte de una edición especial la marca de cerveza inglesa conocida como Skol; celebra la diversidad de razas con su nuevo diseño de Branding; este diseño nos trata de recordar una vez más que…

close

Diseñadores proponen diseño de billetes en argentina para promover el turismo

El dinero es una de las herramientas de mayor uso día con día en todo el mundo; es por eso, que suele ser visto como una herramienta de Marketing nacional desperdiciada en muchos lugares; razón…

notifications Recién publicamos
close