Tag: BACKGROUND-IMAGE
Estoy tratando de hacer una animación de gradientes en el fondo de un de un archivo svg. ¿Es esto posible? .ani_a { background-color: #fff; animation: anibg01 10s infinite linear; background-image: linear-gradient(0deg,#0d4ba0,#00adee,#00aba5,#37b34a,#8dc63f,#ccdb29,#ffdd15,#fff100,#f6921e,#f05a28,#ec1c24,#ff008b,#90278e,#652d90,#0d4ba0,#00adee); background-size: 1500% 100%; } @keyframes anibg01 { 0% { background-position: 0% 0%; } 100% { background-position: 0% 100%; } . . . Read more
Estoy desarrollando una aplicación con Vue. Sin embargo, no quiero establecer el modo blanco y negro para la imagen de fondo en una página y no establecer el modo blanco y negro para los elementos encima de ella, pero se establece automáticamente y todo cambia a blanco y negro. ¿Hay . . . Read more
Considere: @mixin pseudo-element-background { content: “”; background-size: cover; background-position: top; // background-attachment: fixed; // distorts the image position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } div { position: relative; width: 20rem; max-height: 10rem; overflow-y: auto; &::before { background-image: url(http://www.freegreatpicture.com/files/147/18380-hd-color-background-wallpaper.jpg); @include pseudo-element-background; } } <div> <h1>Text1</h1> . . . Read more
Mientras tengo una pantalla de tamaño de computadora puedo ver todo el gato en el fondo, pero en una pantalla de tamaño móvil solo hay una parte de este gato. No es más pequeño pero está en tamaño normal y recortado. ¿Cuál es la manera de hacer que la foto . . . Read more
Hola, estoy intentando cambiar el fondo de mi página usando el siguiente código en un archivo llamado Survey.module.css: html { background-image: linear-gradient( 94.3deg, rgba(26,33,64,1) 10.9%, rgba(81,84,115,1) 87.1% ); } He importado la hoja de estilo en mi componente de React utilizando la siguiente declaración de importación: import style from ‘./Survey.js’ . . . Read more