Mostrar los tags: CSS

Mover objetos, texto, imágenes, etc. con la barra de scroll. Utilizado también para efectos como Parallax.
Un evento invoca la función JavaScript encargada de hacer los efectos. La posición del scroll con respecto al Top, determina la posición de un DIV. Una división matemática, ralentiza el movimiento con respecto al fondo. Hay más opciones posibles...


Espero sea útil.

Un saludo

Salvapantallas para Web, realizado en JavaScript y CSS.
En ausencia de actividad en la Web, pasados unos segundos (ajustables), aparecen textos que se desplazan por la pantalla. Al mover el mouse, teclear, clikcar, etc. se desactiva el Salvapantallas.

Es un script adaptable para otros y/o varios usos.

Espero sea útil.

Un saludo

Código JavaScript para retornar progresivamente al Top de la página pulsando en un enlace, una imagen, un botón, etc. Adaptable, ajustable, ampliable...
Funciona en todos los navegadores y dispositivos compatibles.

Espero sea útil.

Mostrar y ocultar contenidos al clicar en enlaces, botones, imágenes, menús, tabs...
Una sola función en JavaScript se encarga de todo. Basado en un bucle e índices para localizar los elementos / objetos y sus atributos.

Ampliable y compatible con la mayoría de navegadores.

Espero sea útil.

Se trata de un visor de imágenes y/o fotos manual...
Cambia las imágenes adelante y atrás clicando en la parte izquierda o derecha de la imagen y/o pulsando las teclas de dirección-flechas.
La imagen permanece centrada y ajustada proporcional a las dimensiones.

Es un diseño responsive, se adapta a cualquier resolución de pantalla y/o dispositivo.

Espero sea útil.

Un saludo

Como centrar y ajustar respetando las proporciones de un vídeo a distintas pantallas o dispositivos, con CSS Style compatible.

Espero sea útil.

Un saludo

Aquí les muestro una manera de crear un indicador con mínimo y máximo con varias agujas, utilizando únicamente CSS para crear el dibujo y JavaScript para mover las agujas.



Continuación del código de https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html

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().

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/5543-Indicador-de-minimo-y-maximo-con-aguja.html, en este la aguja va cambiando de color de verde a rojo según su valor.
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().