29/8/13

[Tutorial]Tres formas de resaltar un Link


Holaa kumy llego a su casita de un largo verano ya pronto pronto empiezo el cole  no tengo ganas de ir otra vez a agobiarme  bueno que tal? me echasteis de menos o no decir decir ahahahah bueno ya me teneis de vuelta ahora me pasare por los blogs a comentar y tal pero antes un tuto que hace tiempo que no publico

Todo se pone antes de ]]></b:skin>

  1. Primera Forma: Link con Sombra

a { text-decoration: none; }
a:hover { text-shadow: 2px 2px 2px #aaa; }
Azul:El color de la sombra 

  1. Segunda Forma: Link con icono

a { text-decoration: none; }
a:hover:before { content: url("url del icon"); }
Verde: url del icono 

  1. Tercera Formo: Link que se acerca

a { text-decoration: none; padding: 1px 3px; display: inline-block; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1.4s linear; transition: all 1s linear; }a:hover { background: #ccc; color: white; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4); -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear; }

Espero que os haya gustado un besazo ya preparare algo mejor para la siguiente entrada byee 
{x}

23 comentarios:

  1. El del link que se acerca creo que lo usaré, mil gracias por el tuto :D

    ResponderEliminar
  2. Perfect la tuto!! :3
    La usaré después ^-^
    Que bien que volviste :DD

    ResponderEliminar
  3. Por fin de vuelta Kumy!!! Tenía ganas de que publicases yaaaaa xD Gracias por el tuto!
    Saludos!

    ResponderEliminar
  4. Claro que te eché de menos Kumy :)
    Me alegro mucho de que volvieras! ¿Te lo pasaste bien?
    Bueno, muchas gracias por tutorial, como siempre genial ^^
    Besitos :)

    ResponderEliminar
  5. Por fin volviste :D, te extrañaba xD. Gracias por el tutorial :3

    ResponderEliminar
  6. kumy hace eras!!como estas?
    gracias por la tutorial!
    saludos

    ResponderEliminar
  7. Que bien que regresas, cuenta cómo te fue A DETALLE Cx

    ResponderEliminar
  8. VOLVISTEEEEEEEEE SIIIIIIIIIIIIIIIIIIIIIIIIIIIIII :DDDDDDDDDDDD TE EXTRAÑEEEEE HERMOSAAAA :'D gracias por el tuto <3333

    ResponderEliminar
  9. Holitas, siento no haberte podido comentar pero es que estaba de vacaciones pero ya he vuelto :DDD muy buen tutorial sigue asi ^^

    ResponderEliminar
  10. Holaaa amiga ya se te extrañaba n_n que bueno que ya te vemos por aqui uy yo tambien pronto entrare a la escuela jeje asi que te entiendo muy lindo tuto n_n

    ResponderEliminar
  11. Holaa! volviste <3, gracias por el tutoo!! <3
    Saluditos~

    ResponderEliminar
  12. wow gracias kummy
    como siempre de gran ayuda tus entradas
    saludines

    ResponderEliminar
  13. que bueno que estas aqui!! y muy genial el tuto! Gracias! <3

    ResponderEliminar
  14. Muchas gracias, los links se ven muy bonitos n.n ¡Saludos!

    ResponderEliminar
  15. no habia visto esta entrada XDDDD genial la guardare ya que me gusta resaltar los links :3

    ResponderEliminar
    Respuestas
    1. aaww es para plantillas blogger u.u no sabes como se hace para blogskin?

      Eliminar
  16. Gracias! La verdad esta muy bonito y sencillito, Gracias linda *-*

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com