Saltar al contenido principal
Codigo Heroe
Tarea anterior
Box Shadow: Organic Forms15/16
A la lista de tareas
  1. 1. Propiedad de sombra I
  2. 2. Propiedad de sombra II
  3. 3. Valor mínimo de sombra I
  4. 4. Valor mínimo de sombra II
  5. 5. Desplazamientos de sombra I
  6. 6. Desplazamientos de sombra II
  7. 7. Color de la sombra I
  8. 8. Color de la sombra II
  9. 9. Radio de desenfoque I
  10. 10. Radio de desenfoque II
  11. 11. Radio de expansión I
  12. 12. Radio de expansión II
  13. 13. Sombra interna I
  14. 14. Sombra interna II
  15. 15. Lista de sombras I
  16. 16. Lista de sombras II
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Задание

Lista de sombras I

Отредактируйте код так, чтобы результат совпал с образцом
сложностьсредняя
категорияHTML/CSS
Сейчас
это текущее состояние страницы
Образец
Такой результат нужно получить
РезультатПоявится после первой проверкиПоявится позже
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Desafío</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-15.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="stage"> <div class="product">Plan</div> </div> </body> </html>
CSS
.product { box-shadow: 0 30px 46px rgba(130, 210, 255, 0.44); } /* Agrega una segunda sombra separada por coma para que quede como en el modelo. Sombras para la lista: 0 0 0 12px rgba(255, 154, 190, 0.42) 16px 0 0 rgba(255, 154, 190, 0.24) No cambies los parámetros de cada sombra. */
Live preview

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
0
    Realizado 0%.
    Codigo Heroe

    © 2023-2026, codigoheroe.com