Iconos sociales con animacion hover oblicua

Ver el tema anterior Ver el tema siguiente Ir abajo

Iconos sociales con animacion hover oblicua

Mensaje por Diego Trujillo el Miér Feb 20, 2013 9:26 am

Utilizando las posibilidades que nos ofrece el CSS3, he diseñado estos geniales iconos sociales. No existe ninguna imagen en su realizacion, para los logos he utilizado un tipo de fuente especial llamada fontawesome. Les he dado forma circular y un fondo degradado utilizando la propiedad linear-gradient, dandoles asi un toque mas elegante. Al pasar el cursor sobre ellos, cambia el color del fondo y de la fuente, produciendo una animacion de abajo a arriba en modo oblicuo. Esto se consigue usando la propiedad transition y con algunas lineas de codigo de estilo mas. Si te gustan y los quieres poner en tu blog o web, elige el modelo que mas te guste y copia el codigo correspondiente, sustituyendo el texto en color rojo por las direcciones url de tus redes sociales y la de tu feed RSS. Very Happy
[img][/img]

(NOTA: Este efecto oblicuo se puede apreciar perfectamente en el navegador Firefox. En otros como Chrome, la animacion se vera de otra manera, pero de todos modos quedara muy bien.) Smile
avatar
Diego Trujillo
Admin

Mensajes : 5
Fecha de inscripción : 19/02/2013
Edad : 25
Localización : Girardot Cund.

Ver perfil de usuario http://diegotecno.foro-colombia.net

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.