Avisos
Vaciar todo

Resaltar o parpadear frases  

 
Parroquia del Sagardo Corazon
 Parroquia del Sagardo Corazon
Estimable Member

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

Citar
Respondido : 14/06/2018 12:01 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 14/06/2018 5:32 pm

Cursos Gratuitos WordPress

Parroquia del Sagardo Corazon
 Parroquia del Sagardo Corazon
Estimable Member

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

ResponderCitar
Respondido : 15/06/2018 11:12 am
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 15/06/2018 6:56 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress