Larga historia corta:

Video de Youtube => CSS Battles => Visitando https://cssbattle.dev/play/1 = > Me pareció interesante => Desafío resuelto No. 1 (Súper fácil) => Búsqueda en Google La mejor respuesta después de ver los resultados => Mis pensamientos después de ver lo mejor => solución <= {" ¿De verdad soy un programador? "," ¿Eso es realmente CSS? "," ¿Existen los agujeros negros? " }, Pero bromea Aparte, la Mejor Solución que se menciona a continuación me hizo sentir como ¿por qué no soy consciente de tal cosa?

El sitio web cssbattles muestra una imagen y le pide al retador que repita exactamente lo mismo con html y css con precisión exacta. La Solución con la menor cantidad de caracteres gana (el ganador reclama toda la gloria).

Desafío ingrese la descripción de la imagen aquí

La solución

<img style=box-shadow:0+0+0+2in#b5e0ba,0+0+0+5in#5d3a3a>

(Simplemente no tengo idea de lo que significa la línea mencionada anteriormente)

Encontré esta respuesta en https://dev.to/pheeria/css- batalla-1-simplemente-cuadrado-c19

Tal vez soy un novato en CSS, pero intenté buscarlo en Internet pero no pude encontrar la respuesta que necesitaba.

Pensé que tal vez esto era solo una propiedad abreviada para cosas que encontré aquí en MDN Web Docs o aquí en CSS-Tricks . Pero no pude obtener lo que estaba buscando a pesar de intentar cambiar y probar los valores.

Tenga en cuenta: la respuesta a esta pregunta puede existir y puede tener varias instancias de lo mismo ya disponibles en el desbordamiento de la pila, así que ignore mi incapacidad para buscar respuestas y ayúdeme con respuestas o enlaces a soluciones existentes.

¿Alguien puede explicar qué es ese código?

Gracias por adelantado

-1
IVAN PAUL 23 feb. 2021 a las 18:40

1 respuesta

La mejor respuesta

RESPUESTA: Las ventajas son desagradables y parecen ser una forma de guardar las comillas en el atributo para hacer el código más corto posible como atributo en línea. No se recomienda ya que es posible que no funcione en todos los navegadores.

Detalles sobre el código

Sombra de caja MDN

La propiedad Box-shadow agrega efectos de sombra alrededor del marco de un elemento. Puede establecer varios efectos separados por comas. Una sombra de cuadro se describe mediante compensaciones X e Y relativas al elemento, el radio de difuminado y dispersión y el color.

Sombra del cuadro CSS-Tricks

caja-sombra: [desplazamiento horizontal] [desplazamiento vertical] [radio de desenfoque] [radio de extensión opcional] [color];

span {
box-shadow: 0+0+0+2in #b5e0ba, /* 2" green spread */
            0+0+0+5in #5d3a3a  /* 5" brown spread */  
}            
<span>Hello</span>

En cromo Igual que

span {
box-shadow: 0 0 0 2in #b5e0ba, /* 2" green spread */
            0 0 0 5in #5d3a3a  /* 5" brown spread */  
}
<span>Hello</span>
0
mplungjan 24 feb. 2021 a las 06:52