Avisos
Vaciar todo

Resaltar o parpadear frases

4 Respuestas
3 Usuarios
0 Reactions
643 Visitas
Respuestas: 125
Estimable Member
Topic starter
 

Buen día. hay alguna forma de que algunas palabras puedan parpadear , por ejemplo ( AVISO) con el fin de llamar la atención del visitante de la web sobre una noticia.
Gracias


 
Respondido : 14/06/2018 11:01 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola.

Se podría hacer con algo de CSS, seria añadir lo siguiente a tu archivo de estilos css " wp-content -> themes -> twentyeleven -> style.css

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

Una vez eso tienes que añadir las clases creadas al texto que quieras mostrara:

Este texto parpadea

Un saludo


 
Respondido : 14/06/2018 4:32 pm
Respuestas: 125
Estimable Member
Topic starter
 

Buen dia: Varias dudas:
CSS, donde se encuentra?
Tengo que añadir todo? o solo esto? " wp-content -> themes -> twentyeleven -> style.css


 
Respondido : 15/06/2018 10:12 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Tienes que añadir todo el código CSS que te indicó Pepe, puedes añadirlo al final de tu style.css, preferiblemente de un child-theme otra opción es agregarlo en la opción de CSS del personalizador del theme. Revisa : https://decodecms.com/agregar-css-en-wordpress-de-manera-correcta/

Una vez que tengas el código CSS, adicionalmente al usar el HTML que quieres que resalte, tienes que usar la sintaxis que te indicó usando la clase "parpadea"

Saludos.


 
Respondido : 15/06/2018 5:56 pm