---
id: 5d822fd413a79914d39e98f0
title: Step 40
challengeType: 0
dashedName: step-40
---
# --description--
I gradienti in CSS sono un modo per creare delle transizioni nei colori all'interno di un elemento. Vengono applicati alla proprietà `background` e hanno la seguente sintassi:
```css
gradient-type(
color1,
color2
);
```
Nell'esempio, la transizione avviene in modo uniforme tra `color1` (in alto) e `color2` (in basso). In `.bb1a`, aggiungi un gradiente di tipo `linear-gradient` alla proprietà `background` con `--building-color1` come primo colore e `--window-color1` come secondo.
# --hints--
Dovresti applicare una proprietà `background` a `.bb1a`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.bb1a')?.background);
```
Dovresti assegnare un `linear-gradient` al `background`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle('.bb1a')?.background, 'linear-gradient');
```
Dovresti dare un `linear-gradient` al `background` partendo da `--building-color1`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle('.bb1a')?.getPropVal('background', true), 'linear-gradient(var(--building-color1');
```
Dovresti dare un `linear-gradient` al `background` finendo con `--window-color1`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle('.bb1a')?.getPropVal('background', true), 'linear-gradient(var(--building-color1),var(--window-color1))');
```
# --seed--
## --seed-contents--
```html
City Skyline