CSS bootcamp · Lab 27

Linear gradient

mediumGradients10 minLesson: Gradients

Read the question, write CSS on the right, then Preview or Check.

QuestionHint and solution stay closed until you open them

.banner background linear-gradient(to right, #0d9488, #0284c7).

Examples

Example 1
Expected
gradient
Hint
  1. linear-gradient(...)
Show correct code

Peek only after you have tried. You can still Check your own version.

.banner {
  background: linear-gradient(to right, #0d9488, #0284c7);
}
styles.cssLive preview · Check reads computed styles
ResultIdle
Run to see output. Check grades the tests.