{
"path": "/home/krm/dev/mimer-academia/web/css/Exercises/shadow-on-image/exercise.sv.json",
"s": "Ignor",
"invert": true,
"level": 1,
"title": [
"Bild har skuggor"
],
"tags": [
"color"
],
"difficulty": "normal",
"index": 15,
"status": "beta",
"author": [
"krm"
],
"created": {
"year": 2026,
"month": 2,
"day": 10
},
"salution": "Blue is the new red!",
"category": [
"web"
],
"description": [],
"statments": [
{
"description": [
"Gör så att bilden A nedan får \"box-shadow\" med parametrarna 15px och 5px."
]
},
{
"description": [
"Gör så att bilden B nedan får en skugga liknade den ovan med den ska vara gul."
]
},
{
"description": [
"Gör så att bilden C nedan får en röd cirkel runt sig med hjälp av skuggor."
]
},
{
"description": [
"Gör så att bilden D nedan får en gul skygga i högre övre hörnet."
]
},
{
"description": [
"Gör så att bilden E nedan får en kantlinje runt sig med hjälp av en skugga."
]
},
{
"description": [
"Gör så att bilden F nedan får en riktig surrealistisk skugga."
]
}
],
"comment": [],
"cards": [
{
"level": 1,
"title": [
"Kod"
],
"description": [],
"lang": "html",
"code": "\n\n\n\n\n\t\n\n\n Image
\n A
\n![](\"https://htsit.se/image/daisy.jpg\")
\n B
\n\n C
\n\n D
\n\n E
\n\n F
\n\n\n",
"statments": [],
"comment": [
"Du ska bara lägga till något mellan style-tagarna."
]
}
],
"kind": "exercises"
}