Mostrar los tags: css

Mostrando del 61 al 70 de 166 coincidencias
Se ha buscado por el tag: css
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)
1.166 visualizaciones desde el 16 de Marzo del 2018
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

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 7 de Marzo del 2018 por Administrador
5.605 visualizaciones desde el 7 de Marzo del 2018
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 6 de Marzo del 2018 por ScriptShow
777 visualizaciones desde el 6 de Marzo del 2018
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(3)
Publicado el 6 de Marzo del 2018 por ScriptShow
1.326 visualizaciones desde el 6 de Marzo del 2018
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.803 visualizaciones desde el 26 de Enero del 2018
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

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Febrero del 2018 por ScriptShow
1.574 visualizaciones desde el 4 de Febrero del 2018
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(3)
Publicado el 4 de Febrero del 2018 por ScriptShow
2.032 visualizaciones desde el 4 de Febrero del 2018
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 4 de Febrero del 2018 por ScriptShow
943 visualizaciones desde el 4 de Febrero del 2018
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 4 de Febrero del 2018 por ScriptShow
1.773 visualizaciones desde el 4 de Febrero del 2018
Menú realizado en puro CSS Compatible. Varios efectos posibles con eventos del mouse, sin JavaScript...

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

CROSSHAIR - Coordenadas del Mouse a pantalla completa


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 28 de Enero del 2018 por ScriptShow
926 visualizaciones desde el 28 de Enero del 2018
Un CROSSHAIR movido por el mouse que ocupa el espacio visible del navegador web.
Se trata de un Script compatible, adaptable, sin imágenes. Lo vemos funcionando...

coordenadas