Tecnología

Inicio

Cómo cambiar el efecto de rollover con CSS

Cómo cambiar el efecto de rollover con CSS


CSS o Cascading Style Sheet hace que sea fácil crear efectos interactivos de una página web. Uno de estos efectos popular es el efecto de vuelco o el ratón por encima, en un determinado texto o imagen en un sitio cambia una vez al puntero del ratón pasa sobre ella. Este efecto se logra mediante el uso de la: Selector de vuelo estacionario en el CSS. Una vez: vuelo estacionario se define, puede ser utilizado para intercambiar los colores, imágenes de fondo, así como la aparición de fuente cuando el puntero del ratón pasa sobre ella.

Instrucciones

1 Abra su archivo CSS en el Bloc de notas.

2 Encontrar el texto "estacionario" mediante el uso de la herramienta de búsqueda del Bloc de notas o usando la tecla "Ctrl + F".

3 Reemplazar el efecto de vuelco de los valores cambiantes en el elemento estacionario. Por ejemplo, si desea que el efecto de vuelco de enlaces para cambiar el texto en negrita, utilice el siguiente CSS:

a: hover {

font-weight: bold;

}