Efecto Redes Sociales
Me siento muy agusto de trabajar por primera vez con CSS3 en cuestion de efectos, y me llevo una buena experiencia ya que me agrado muchisimo todo los recursos que encuentro en el, y seria buena idea compartir con ustedes un efecto que en lo personal me llamo mucho la atencion ya que se ve de maravilla. Este efecto lo vamos a emplear en los botones/imagenes de las redes sociales.Como ya lo habia mencionado de eso se tratara este articulo de poner los botones de las redes sociales pero con un efecto de iluminacion y presentacion al pasar el cursor sobre cada uno de los botones.
Voy a empezar poniendo los botones de las redes sociales mas conocidas que son Facebook, Twitter y Youtube sin duda en estas tres redes esta nuestra web, y al pasar el cursor los botones se iluminaran y aumentaran su tamaño para resaltar, Click Aqui para Ver el Ejemplo.
Y bueno lo primero que vamos a hacer es pegar es el efecto de resaltacion css3, recuerden que esto es un codigo css3 y lo deven pegar en CSS-CODE
Ya pegado el efecto css3, lo siguiente es pegar la iluminacion de los botones, para esto ulilizaremos una opacacion css, recuerden que esto es un codigo css y lo deven pegar en CSS-CODE
Y por ultimo... para poder usar esos efectos en los botones de las redes sociales utilizaremos dos "class" uno para iluminar y el otro para el efecto css3, incluyendo un margen y una flotacion en las imagenes justo asi: Recuerden que esto es un codigo HTML
Y así nuestros botones se veran elegantes y a la vez con un efecto que se ve de maravilla, y lo mejor es que no utilizamos ningun script, asi que con eso nos damos cuenta que los efectos css3 estan dejando atras los scripts de diseño.
