Mostrar los tags: css

Mostrando del 1 al 10 de 126 coincidencias
<<>>
Se ha buscado por el tag: css
Imágen de perfil

Efecto Blur con CSS Compatible


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 18 de Marzo del 2018 por ScriptShow (Publicado el 16 de Marzo del 2018)
604 visualizaciones desde el 16 de Marzo del 2018. Una media de 133 por semana
Código en CSS Style para generar un efecto Blur compatible con la mayoría de navegadores web. Al pasar el cursor por el objeto, elemento, etc. se puede apreciar el efecto Blur.

Un saludo

imagen-normal
imagen-con-blur
Imágen de perfil

Revelar imagen y otros contenidos OnClick


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 18 de Marzo del 2018 por ScriptShow (Publicado el 16 de Marzo del 2018)
664 visualizaciones desde el 16 de Marzo del 2018. Una media de 140 por semana
Código que permite hacer transparentes zonas para dejar ver una imagen; fondo, texto, contenidos...

Se pueden crear divisiones calculando el número total de ellas. Un bucle, se encarga de generar los elementos virtualmente. Al clicar en dichos elementos, el fondo correspondiente se hace transparente.

Tiene variadas aplicaciones: crear Menús, Intros, Onepage, etc. Lo vemos e imaginamos con el ejemplo.

Un saludo
Imágen de perfil

Reloj analógico


JavaScript

Publicado el 07 de Marzo del 2018 por Administrador
654 visualizaciones desde el 07 de Marzo del 2018. Una media de 112 por semana
Excelente reloj analógico que utiliza Javascript para obtener la hora del sistema, pero para mostrar las agujas utiliza los grados (deg) del rotate de CSS para mover las agujas.

reloj-analogico
Imágen de perfil

Dividir la zona visible del navegador


CSS

Publicado el 06 de Marzo del 2018 por ScriptShow
451 visualizaciones desde el 06 de Marzo del 2018. Una media de 77 por semana
Código para dividir en secciones proporcionales la zona visible del navegador web. Sólo precisa unas líneas de CSS y HTML. No utiliza Tablas.

Es compatible, responsable, simple, etc.

Un saludo

grid
Imágen de perfil

Llegar al final de un texto. Aceptar y seguir...


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 06 de Marzo del 2018 por ScriptShow
517 visualizaciones desde el 06 de Marzo del 2018. Una media de 84 por semana
Leer un texto "hasta el final", es algo que nos encontramos en todas las Webs: los términos y condiciones, aviso legal, etc. Aceptarlo para continuar, puede ser una premisa.
Con este script, podemos comprobar que hemos llegado al final del texto, al menos.

Un saludo
Imágen de perfil

Grid + Intro utilizando CSS


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Febrero del 2018 por ScriptShow (Publicado el 26 de Enero del 2018)
1.124 visualizaciones desde el 26 de Enero del 2018. Una media de 98 por semana
GRID + INTRO es un experimento UI / UX basado en CSS Compatible. El resultado es un diseño de aspecto similar a "metro".

Puede utilizarse como página de inicio para navegar por otros contenidos. Tienes varias opciones realizando pequeños cambios: añadir imágenes, vídeos, etc. que guarden una proporción lógica. Es ampliable, compatible, adaptable a proyectos...

Espero sea útil.

Un saludo
Imágen de perfil

Barra de Progreso del Scroll


JavaScript

Actualizado el 05 de Febrero del 2018 por ScriptShow (Publicado el 04 de Febrero del 2018)
553 visualizaciones desde el 04 de Febrero del 2018. Una media de 56 por semana
Barra de Progreso para el Scroll con JavaScript. Un evento y la función procesan la posición del Scroll... Mejor lo vemos.

scrollbar
Imágen de perfil

Ver el Password de un input


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 04 de Febrero del 2018 por ScriptShow
537 visualizaciones desde el 04 de Febrero del 2018. Una media de 56 por semana
Script que convierte un input type password en un input type text., dejando ver el valor que contiene el primero. Un método sencillo que puede no dar resultado en todos los navegadores web.

Veamos de todas formas el código del ejemplo.
Imágen de perfil

Sticky Header JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 04 de Febrero del 2018 por ScriptShow
498 visualizaciones desde el 04 de Febrero del 2018. Una media de 49 por semana
Sticky Header realizado en JavaScript Compatible. No utiliza librerías de terceros. Funciona en todos los navegadores web.
Al mover el Scroll, un Sticky queda fijado en la parte superior. Top de la página. El resto del contenido, se desplaza según la posición del Scroll.

Veamos el código de ejemplo.
Imágen de perfil

Menú - CSS Focus Hover Efectos


CSS

Publicado el 04 de Febrero del 2018 por ScriptShow
514 visualizaciones desde el 04 de Febrero del 2018. Una media de 49 por semana
Menú realizado en puro CSS Compatible. Varios efectos posibles con eventos del mouse, sin JavaScript...

Veamos el código del ejemplo.