9 abr 2017

Efecto en imágenes de las entradas (Opacidad y Borde)


¡Hola!🌟
¿Que tal todo? últimamente tengo muchas ganas de publicar entradas, no sé que me esta pasando ahre. pues, por aquí supongo que todo bien.. so

Les traigo un efecto que ame demasiado. ( y ahora mismo el blog lo tiene ) es muy lindo y sencillo, y queda perfecto. si quieren tenerlo sigan los pasos.


efecto:

No se ve muy bien, habrán las imágenes.
Se puede ver el borde que es muy chiquito, además al pasar el cursor spor la imagen; sale el efecto de opacidad.


al pasar el cursor;


Seguir los pasos..
Tema | Editar HTML | CRTL + F

BUSCAR:
]]></b:skin>

Arriba de ]]></b:skin> poner el siguiente código: 
.post img {
padding: 3px;
border: #ddd 1px solid;
opacity: 0.9;
-webkit-transition-duration: .60s;
}
.post img:hover {
opacity: 0.5;
-webkit-transition-duration: .60s;
}

Guardamos.. ¡y listo!
espero lo usen, porque esta muy lindo.
Sin más, pasen un hermoso día, no olviden comentar, alguna duda o algo comenten <3

perfección.💦


7 comentarios

  1. Hola, muchas gracias, ahorita estoy remodelando mi blog ya sabes... uno vive cambiando de gustos, y este tuto me sirvió mucho ya se lo pongo.
    Graaacias.

    PD: absolutamente en lo cierto ame la cancion de harry es hermosa y identifica tanto a venezuela.

    ResponderEliminar
    Respuestas
    1. Me pasare por tu blog a ver que tal quedo.
      Cierto.. identifica un poco a Venezuela en estos momentos tan horribles. ¡Saludos!<3

      Eliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. ¡Hola! Me gusta mucho el efecto, és muy bonito! Talvez yo venga a utilizá-lo em algun layout. Lindo blog!! :D (perdoa o pésimo español haha, estoy entrenando)

    ~September Rains

    ResponderEliminar
    Respuestas
    1. Que bien, te entiendo perfectamente. Gracias por pasarte.. ¡Saludos!

      Eliminar

¡Hey, gracias por leer la entrada!

Para que no tengas ningún problema/duda:

- Deja tu comentario referente a la entrada.
- Para las afiliaciones: ir a su sección (Afiliame/Afiliados)
- Comenta con respeto.
- No SPAM.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog.
- Sí tienes problemas con un tutorial comenta o escríbeme a mi correo para ayudarte.
- Sí tienes algún problema conmigo, ya sea por créditos, derechos de autor o otro, escríbeme a mi correo.

- Símbolos:
☯♠♤♣♧ ♥♡♦♢♔ ★✖ ✗✘✌✿☽ ☾♩ ♪ ♫ ♬ ✧ ❝❞ ❀ ❄

- Emojis:
(>‿◠)✌ (✿◠‿◠) (▰˘◡˘▰) ( ͡° ͜ʖ ͡°) (≧∀≦) ( ˘ ɜ˘) (・w・)[̲̅$̲̅(̲̅ ͡° ͜ʖ ͡°̲̅)̲̅$̲̅] (ノ◕ヮ◕)ノ*:・゚✧ ( ͡° ʖ̯ ͡°) ( ͡° ᴥ ͡°) ヽ(゚▽゚*)乂(*゚▽゚)ノ

Recuerda dejar tu comentario + la URL de tu blog para poder visitarlo.
- (No cuenta como SPAM)

Sí te gusto la entrada no olvides seguir el blog, así no te pierdes ninguna entrada, actualizo cada semana o cuando pueda.

Contacto:
gladiuskagg@gmail.com

¡Saludos!

-Glad.