Mostrar los tags: css

Mostrando del 21 al 30 de 181 coincidencias
Se ha buscado por el tag: css
Imágen de perfil

Interactive Grid List Colors


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Enero del 2020 por Scriptshow
316 visualizaciones desde el 20 de Enero del 2020
Saludos,

código que permite interactuar clicando y moviendo el mouse para iniciar, cambiar colores, cambiar tamaño, etc. del Grid - List con CSS y JavaScript (DHTML). El resultado es un conjunto de efectos y experiencias UI / UX.

Espero sea útil.
Imágen de perfil

Experimento con figuras, colores, etc.


JavaScript

Publicado el 18 de Enero del 2020 por Scriptshow
285 visualizaciones desde el 18 de Enero del 2020
Saludos,

un experimento de figuras simples creadas con DHTML. El tamaño, forma y color de los bordes, las definen. Mejor veamos el resultado...

Espero sea útil.
Imágen de perfil

Triángulos y otras figuras con CSS Compatible


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Enero del 2020 por Scriptshow
445 visualizaciones desde el 18 de Enero del 2020
Saludos,

una Class en CSS que sirve como base para realizar figuras: triángulos, rombos, flechas, etc. con etiquetas DIVs. Combinando colores, transparencias, conseguiremos efectos sólidos diversos.

Es compatible con todos los navegadores actuales y no actuales.

Espero sea útil.
Imágen de perfil

Ejemplo de como mostrar y esconder un elemento con animation


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2019 por Joel
558 visualizaciones desde el 20 de Diciembre del 2019
Este ejemplo, muestra como mostrar un elemento (fadeIn) y esconderlo (fadeOn) utilizando el estilo animation con la opacidad.
Con Javascript añadimos o quitamos los estilos al elemento para que realice la animación.
sin imagen de perfil

Slider con imagenes diferente tamaño o altura


CSS

Publicado el 4 de Diciembre del 2019 por Leonardo
452 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)
10.194 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(2)
Actualizado el 24 de Octubre del 2019 por Scriptshow (Publicado el 21 de Mayo del 2017)
2.719 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.732 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.238 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.081 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.