Saltar al contenido principal
Codigo Heroe
Desafío anterior
CSS filter. Nivel 215/19
Ver desafíos del nivel
  1. 1. Valor de filter I
  2. 2. Saturación I
  3. 3. Saturación II
  4. 4. Valor de filter II
  5. 5. Desenfoque
  6. 6. Valor de filter III
  7. 7. Opacidad I
  8. 8. Opacidad II
  9. 9. Valor de filter IV
  10. 10. Sepia I
  11. 11. Sepia II
  12. 12. Valor de filter V
  13. 13. Rotación de tono I
  14. 14. Rotación de tono II
  15. 15. Nombre de la función de filtro I
  16. 16. Nombre de la función de filtro II
  17. 17. Nombre de la función de filtro III
  18. 18. Nombre de la función de filtro IV
  19. 19. Nombre de la función de filtro V
Siguiente desafío
  • Skill Atlas

Cargando…
Estará listo en unos segundos.

  • Desafío

Nombre de la función de filtro I

Replica el ejemplo modificando el código
DificultadMedia
CategoríaHTML/CSS
Ahora
Estado actual de la página
Ejemplo
Resultado que debes obtener
ResultadoAparecerá después de la primera comprobaciónAparecerá después
  • index.html
  • style.css
HTML
CSS
<!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> <main class="scene"> <div class="frame"> <img class="photo" src="pimage-7.svg" alt=""> </div> </main> </body> </html>
.photo { filter: {{functionName}}(0.7); }
-1
Vista previa

El código cambió. Haz clic en «Actualizar» o activa la ejecución automática.

Saliste de la página del desafío.

Haz clic dentro de la vista previa para enfocar esta ventana.

100%
0
    Completado 0%.

    Desafío completado

    Movimientos adicionales
    Continuar
    Codigo Heroe

    © 2023-2026, codigoheroe.com