Mostrar los tags: css

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

Mover objetos con el Scroll (Parallax)


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 22 de Mayo del 2017 por ScriptShow (Creado el 21 de Mayo del 2017)
60 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
Actualizado

Foto Fade Zoom Responsive


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 15 de Mayo del 2017 por ScriptShow
198 visualizaciones desde el 15 de Mayo del 2017
Visor de fotos e imágenes con efectos fade y zoom, responsive y compatible. Se puede ajustar para resoluciones inferiores a 480px (móvil), evitando que se ejecute la función JavaScript.
Al clicar en una imagen, se amplía y se posiciona fija en primer plano; volver a clicar para cerrar la imagen. Los procesos indicados, van acompañados de efectos declarados en Clases CSS. Una función JavaScript procesa los eventos.
Imágen de perfil

Position Fixed vs Absolute


CSS

Actualizado el 10 de Mayo del 2017 por ScriptShow (Creado el 20 de Octubre del 2016)
606 visualizaciones desde el 20 de Octubre del 2016. Una media de 21 por semana
Hay navegadores que no soportantan algunos atributos de CSS. Por ejemplo: IExplorer en versiones 5, 6, 7, ... que todavía se utilizan, no soportan total ó parcialmente el atributo FIXED.
No obstante, algo se puede hacer: Si un objeto, elemento de la estructura HTML lo posicionamos de forma absoluta con respecto a la etiqueta superior, este quedará "fijo" dentro de ella; si inmovilizamos la etiqueta HTML, que ya es casi fija de por si, los elementos contenidos con atributo absolute quedarán "fijos". Pero mejor lo vemos en el código.
Imágen de perfil

Muestra oculta contenido Onmouse Up / Down


CSS

Publicado el 08 de Mayo del 2017 por ScriptShow
77 visualizaciones desde el 08 de Mayo del 2017
Utilizar puro CSS para mostrar / ocultar contenidos sin JScript. Al pulsar el botón izquierdo del mouse, se muestra el contenido, al soltar el botón pulsado, se oculta el contenido.
Algo para experimentar, adaptar en pequeños y/o grandes proyectos; ampliable y compatible.
Imágen de perfil

Mostrar Ocultar Contenidos de forma Independiente


JavaScript

Actualizado el 12 de Abril del 2017 por ScriptShow (Creado el 09 de Abril del 2017)
322 visualizaciones desde el 09 de Abril del 2017. Una media de 56 por semana
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

Añadir texto al final de una frase con JScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Marzo del 2017 por ScriptShow
478 visualizaciones desde el 12 de Marzo del 2017. Una media de 49 por semana
Hay varias opciones para realizar lo indicado en el Título de este post.
Vamos a intentar una forma sencilla de añadir texto al final de una frase...

Espero sea útil.


Un saludo
Imágen de perfil

Imagen con Efecto Lupa OnMouseMove


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 12 de Marzo del 2017 por ScriptShow (Creado el 10 de Marzo del 2017)
1.109 visualizaciones desde el 10 de Marzo del 2017. Una media de 105 por semana
Se trata de un efecto que hace Zoom sobre una imagen aumentando la zona señalada por el mouse. Conocido efecto lupa que se utiliza en Ecomercios para mostrar detalles del producto, etc.

La particularidad es que funciona con menos de 20 líneas de código JavaScript.


Un saludo
Imágen de perfil

Construir un Grid con JScript y CSS con efectos


JavaScript

Actualizado el 11 de Marzo del 2017 por ScriptShow (Creado el 26 de Febrero del 2017)
517 visualizaciones desde el 26 de Febrero del 2017. Una media de 42 por semana
Como construir un Grid con JavaScript y CSS con efectos de giro, cambio de color y de forma al clicar en los cuadrados, que han sido creados virtualmente por un bucle con JScript.

Un experimento que puede ser adaptado para diversos propósitos.


Un saludo
Imágen de perfil

Centrar Imagen responsable con métodos básicos de CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 06 de Marzo del 2017 por ScriptShow (Creado el 05 de Marzo del 2017)
854 visualizaciones desde el 05 de Marzo del 2017. Una media de 77 por semana
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

Links de Texto que aumenta / disminuye OnMouseOver


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 02 de Marzo del 2017 por ScriptShow
869 visualizaciones desde el 02 de Marzo del 2017. Una media de 77 por semana
Un efecto con CSS sobre links de texto que aumenta / disminuye el tamaño de la fuente al pasar el mouse...
En fin, muy pocas líneas de código nativo se encargan de todo.

Espero que os guste.


Un saludo