Mostrar los tags: CSS

Ejemplos sencillos y compatibles para utilizar querySelector - querySelectorAll. No serán necesarias "librerías - framework" para este menester. Los métodos y funciones las interpreta directamente cualquier navagador web.

Espero sea útil.

Un saludo

En ocasiones, hemos tenido que actuar sobre las barras de scroll para ponerlas y/o quitarlas por tiempo limitado, según necesidades: menúes largos, foto presentaciones, etc. Incluso por estética...

Vamos a ver cómo hacerlo controlado por javascript, directamente. Podemos añadirle una función asociada a un/os evento/s, objeto/s, etc. Si es preciso, revisaremos los valores posibles para el atributo "overflow".

Espero sea útil.

Un saludo

Este código muestra como simular un desplegable de checkbox dentro de un <select>



El código sido copiado de https://stackoverflow.com/questions/17714705/how-to-use-checkbox-inside-select-option y mejorado juntamente con Alejandro en el chat de PHP

Este simple código muestra como añadir una hoja de estilos CSS desde javascript.

En este ejemplo, añade la hora de estilo estiloNoche.css en la página a partir de las 21:00 horas

Los elemento añadidos por :after o :before desde CSS no se encuentran en el DOM, por lo que no es posible crear eventos sobre ellos. Para ellos, utilizamos la posición del click para simular la pulsación sobre :before para ampliar o disminuir un texto.

Este código muestra como mostrar mensajes personalizados a los usuarios en medio de la pantalla.

El contenido del mensaje es HTML con CSS, por lo que podemos personalizarlo por completo, como poner imágenes en nuestros mensajes, y personalizar los botones con diferentes colores, etc...

Aquí os muestro algunos ejemplos...

Basado en CSS, sin más, he aquí un efecto muy utilizado en los Sitios Web actuales.
Nada de librerías, nada frameworks, nada de bootstrap... Adaptable y compatible, Con escasos 2Kb. es posible.

¡Dale al Scroll y a la Imaginación!. Construye tu Sitio desde cero...


Un saludo

Una sola imagen ó silueta en escala de grises (B/N) que cambia de color, sin necesidad de utilizar varias imágenes para ello... Absolutamente compatible de forma nativa.

Un Script puede aplicar decenas, cientos de colores aleatorios al fondo para conseguir el efecto, el resto es una opacidad prefijada en CSS. No es una práctica que esté extendida en webs, creo. Lo descubrí experimentando por mi cuenta.

Espero sea útil.


Un saludo

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

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