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

play_circle_outline ‘Home’ el cortometraje sobre refugiados que ha sido premiado en Cannes

CANNES es uno de los festivales más importantes en el mundo de la publicidad y de  la cinematografía; en este se dan a conocer diversas piezas artísticas en el ramo audiovisual. Black Sheep Studios ha…

close

SEGA regala sus primeros clásicos en Android y iOS

SEGA una de la compañía pioneras en el entretenimiento ofrece mediante SEGA Forever sus primeros clásicos de manera gratuita. SEGA regala sus primeros clásicos GRATIS Los juegos que estará regalando la empresa para dispositivos con sistema…

close

Prada’s paperclips, la gama alta del clip por 185 dólares (TGIF)

Otra semana que  llega a su fin y lo celebramos con una divertida historia que nos hace recordar lo pobres que somos; el día de hoy quiero compartir con ustedes un peculiar objeto que se…

close

LE Clitoris, un adorable documental animado sobre el clítoris (NSFW)

Le Clitoris es un gracioso y adorable documenta que nos explica la historia del único órgano humano dedicado al placer; este curioso vídeo que ha sido creado por Lori Malépart-Traversy ha sido premiado en diversos festivales; durante…

close

Schrodinger’s Wood, un ejemplo de ilusión óptica en el arte

Maskull Lasserre ha creado una genial escultura en madera que muestra un escenario un tanto imposible; y es que, esta obra de nombre Schrodinger’s Wood es una oda a los detalles que merece la pena apreciar….

close

Creativos accesorios de oficina para diseñadores y amantes de Pantone

Pantone se ha vuelto inmensamente grande en cuanto a publicidad directa e indirecta; esto es evidente cuando nos fijamos en la cantidad de productos, obras y diseños que ha inspirado. Desde fotografías, selecciones de colores…

notifications Recién publicamos
close