Mostrar los tags: css

Mostrando del 1 al 10 de 167 coincidencias
<<>>
Se ha buscado por el tag: css
sin imagen de perfil

Slider con imagenes diferente tamaño o altura


CSS

Actualizado el 5 de Diciembre del 2019 por LEONARDO (Publicado el 4 de Diciembre del 2019)
211 visualizaciones desde el 4 de Diciembre del 2019
Es un slider bootstrap css, es un codigo que no encontre en meses y la solucion era mas facil de lo que esperaba. dentro de todo este codigo lo que me interesa es el id="after" al final, que es lo que da tamaño al slider y lo deja fijo para que no se mueva lo que esta debajo.
Imágen de perfil

Generador de Códigos QR con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 1 de Febrero del 2017)
9.540 visualizaciones desde el 1 de Febrero del 2017
Generador de Códigos QR offline con JavaScript.

Una aplicación muy extendida por la web en sus diversas versiones... Aquí traemos un sencillo script que hace lo mismo, genera Códigos QR apartir de un texto escrito en un Textarea.
Para cualquier duda, leer los créditos incluidos en el archivo JS.

The word 'QR Code' is registered trademark of DENSO WAVE INCORPORATED

Espero sea útil.

Un saludo
Imágen de perfil

Mover objetos con el Scroll (Parallax)


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 21 de Mayo del 2017)
2.596 visualizaciones desde el 21 de Mayo del 2017
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
Imágen de perfil

SALVAPANTALLAS WEB 2.0


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 11 de Junio del 2017)
1.644 visualizaciones desde el 11 de Junio del 2017
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
Imágen de perfil

Efecto Reveal con CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 3 de Septiembre del 2017)
1.172 visualizaciones desde el 3 de Septiembre del 2017
Un efecto Reveal con CSS aplicado a pequeñas imágenes de fondo...
Al actuar sobre el Scroll, van apareciendo las imágenes colocadas de fondo en cada sección. Se pueden añadir secciones e imágenes con igual o distinto tamaño, cambiar las existentes, etc.

Un saludo
Imágen de perfil

Retornar al Top de la página progresivamente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 24 de Septiembre del 2017)
1.035 visualizaciones desde el 24 de Septiembre del 2017
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.
Imágen de perfil

Centrar y Ajustar Imagen con métodos básicos de CSS


CSS

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 5 de Marzo del 2017)
16.256 visualizaciones desde el 5 de Marzo del 2017
Como centrar una imagen en cualquier dispositivo / pantalla de modo responsable con CSS compatible; sin pseudo clases, sin media query, sin calcular márgenes, sin importar el tamaño, etc.
El resultado es parecido al de aplicaciones de escritorio cuando redimensionamos la ventana.

Espero sea útil.

Un saludo
Imágen de perfil

Mostrar Ocultar Contenidos de forma Independiente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 9 de Abril del 2017)
2.894 visualizaciones desde el 9 de Abril del 2017
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.
Imágen de perfil

Foto Click / Keyb - Visor de Imágenes Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 22 de Julio del 2017)
4.232 visualizaciones desde el 22 de Julio del 2017
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
Imágen de perfil

Vídeo centrado y ajustado proporcional, con CSS Style


CSS

Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 14 de Septiembre del 2017)
1.812 visualizaciones desde el 14 de Septiembre del 2017
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