18 feb 2021

Efecto parpadeo

|| ||
Hey babies! Creo que en este blog aún no había subido ningún efecto y me parece fatal, ya que los hay muy bonitos, sobre todo si os interesa ponerle algún efecto bonito a los afiliados (o a cualquier imagen del blog), así que hoy traigo el primero y es un efecto parpadeo muy cute.

1. Vamos a Tema > Personalizar > Editar HTML y buscamos <head> y DEBAJO pegamos el siguiente código:
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>
No hay que modificar nada, sino el efecto no funcionará.

2. Ahora buscamos ]]></b:skin> y justo encima pegamos lo siguiente: 
.efeitopisca1{
padding:2px;
border:1px solid #dcdbdb;
}

.efeitopisca1:hover{
-webkit-animation-name: pisca;
-moz-animation-name: pisca;
-o-animation-name: pisca;
animation-name: pisca;
-webkit-animation-duration: 1s;
}

Lo que está en negrita se puede modificar, en este caso, el color y la anchura del borde.

3. Para terminar, añadimos un Gadget HTML/Javascript y ponemos el siguiente código:
<a href="LINK DEL BLOG" title="NOMBRE DEL BLOG">
<img src="LINK DE LA IMAGEN" class="efeitopisca1" /></a>

Y sólo hay que sustituir lo que está en negrita. Además, también podemos quitarle el link si no es algo que nos interese.

No hay comentarios:

Publicar un comentario

Hey! Si has llegado hasta aquí es porque has leído todo el post y si no, intenta hacerlo, tal vez haya escrito algo sobre mí, el blog o cualquier tema que a mi me parezca importante.

Aquí dejo algunos puntos a tener en cuenta a la hora de comentar:

Por favor, sé respetuoso/a.
Si tienes cualquier duda que no se pueda resolver por comentarios o cualquier pedido, hazlo en Contacto.
¿Quieres afiliarte? Puedes dejar el link en la sección Afiliate.
¡Gracias por visitar el blog!

Aquí dejo algunos Kaomojis por si quieres usarlos:

(* ^ ω ^) ☆ *:… o (≧ ▽ ≦) o…: * ☆ (o ^ ▽ ^ o) (‘. • ω •.`) (o · ω · o) (@ ^ – ^) ヽ (* · ω ·) ノヽ (o ^ – ^ o) ノ (^ 人 ^) (^ ▽ ^) (¯ ▽ ¯) (‘. • ᵕ •.`) (≧ ▽ ≦) / (♡ ˙)˙ ♡) (* ¯ ³ *) ♡ (* ♡ ∀ ♡) ♡ (¯ ▽ ¯) / ♡ (> ﹏ <) (; ⌣_⌣) (–_–) (╯_╰) (T_T) (╥ω╥) (O_O;) (⊙_⊙) (⌒ ▽ ⌒) (^ – ^ *) / (o’ω`o) ノ (✧∀✧) / (~ ▽ ¯) ~ (^ _ ^ ♪) (~ ˘ ▽ ˘) ~ (˘ ▽ ˘) っ ♨ (͡ ° ͜ʖ ͡ °)

O si estás usando Windows, usa la combinación de teclas Windows + . (punto) para otros símbolos y/o emojis.