Master of Aesthetics

Hard+60 XP

Mission Briefing

This is the finale for Day 3. You must create a multi-layered effect. Set a blue background color AND a semi-transparent linear gradient on top of it.

The Concept: Layering

You can specify multiple background layers or combine background-color with a semi-transparent linear-gradient in the background shorthand.

The Objective

  1. Target the .spark-character.
  2. Set background-color to rgb(0, 0, 255) (Blue).
  3. Set background-image to a linear-gradient from rgba(255,255,255,0.5) to transparent.

Constraints

    csscolors
    Live Visual Output
    style.css
    Loading...