Buscar un código de CSS

Ejemplo que muestra como cambiar una imagen, el color del fondo y el color del texto al pasar el ratón por encima de un div.

Simple código que muestra como poner una imagen de fondo que ocupe todo el navegador y se redimensione cuando el navegador cambie de tamaño.

Código que muestra como poner una imagen de fondo (background), que siempre se visualiza en el 100% del fondo de la pantalla, perdiendo parte de la misma dependiendo del tamaño del navegador

Código que muestra como poner una imagen de fondo de pantalla (background), visualizando siempre la imagen entera adaptándose a los limites del navegador.

Cambia el ajuste y la posición de una imagen dentro de su contenedor mientras conserva su relación de aspecto. Anteriormente solo era posible usar una imagen de fondo y la propiedad de tamaño de fondo.

En esta código se muestra como utilizar dos y tres imágenes de fondo de pantalla.

Un fondo de 430x520 píxeles fijada en el centro, una segunda imagen fijada en la derecha/abajo del navegador y la otra de 1x2 píxeles que se repite por todo el fondo de la pantalla.

Este código muestra como mostrar una imagen que sobresalga del div por la parte superior, pudiendo especificar diferentes tamaños y colores.

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

Este estilo utiliza una forma SVG para separar dos bloques diferentes para crear una apariencia visual más interesante en comparación con la separación horizontal estándar.



background-image: url (...) agrega la forma SVG (un triángulo de 24x12) como imagen de fondo del pseudo elemento, que se repite por defecto