Buscar un código de CSS

Efecto de subrayado al pasar el ratón por encima de un texto. En este ejemplo el subrayado va de izquierda a derecha y del centro hacia los lados.

Botón de CSS con animación para ir a una pagina siguiente y anterior, habiendo una transición de izquierda a derecha y de derecha a izquierda.

Botón de CSS con animación de una cortina que sube desde abajo hasta arriba al pasar el ratón por encima.

Código que muestra como generar un efecto de zoom sobre una imagen y texto al pasar el ratón por encima.


La misma versión permo haciendo zoom a los dos elementos a la vez: https://www.lawebdelprogramador.com/codigo/CSS/6759-Efecto-de-zoom-ha-varios-elementos-con-un-evento-hover-con-CSS3.html

Este código es una modificación del código https://www.lawebdelprogramador.com/codigo/CSS/2275-Efecto-de-zoom-en-una-imagen-y-texto-con-CSS3.html#comentarios, permitiendo que al pasar el ratón por encima de un elemento, se active el hover de un texto y una imagen a la vez.

Un efecto con CSS sobre links de texto que aumenta / disminuye el tamaño de la fuente al pasar el mouse...

Espero sea útil.

Un saludo

Este código esta creado en Windows 10 con Bracket y en HTML haciendo referencia a un css, lo suyo es crear una pagina "css" a parte y relacionarla con un "link rel" asi podemos crear varios div con preguntas y respuestas o para cualquier otro uso con información o características sobre algún elemento.

Simple Accordion effect CSS by 2K code

Un Accordion effect CSS muy simple...

Mejor con 2K max.

Ejemplo del uso de gradient en la posición del ratón.

Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5542-Indicador-de-minimo-y-maximo-con-aguja-que-cambia-de-color.html, este no cambia el color de la aguja.
Se puede utilizar con % o un valor mínimo y máximo.



Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().