---
id: 5d822fd413a79914d39e98fb
title: Step 51
challengeType: 0
dashedName: step-51
---
# --description--
Le transizioni del gradiente spesso si verificano gradualmente da un colore all'altro. Puoi fare in modo che il cambio avvenga con un linea solida, in questo modo:
```css
linear-gradient(
var(--first-color) 0%,
var(--first-color) 40%,
var(--second-color) 40%,
var(--second-color) 80%
);
```
Aggiungi un `linear-gradient` a `.bb2b` con `--building-color2` dallo `0%` al `6%` e `--window-color2` dal `6%` al `9%`.
# --hints--
Dovresti dare a `.bb2b` una proprietà `background`.
```js
assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle(`.bb2b`)?.background);
```
Dovresti utilizzare un `linear-gradient` per la proprietà `background`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle(`.bb2b`)?.background, "linear-gradient");
```
Dovresti usare `--building-color2` dallo `0%` al `6%`.
```js
assert.match(new __helpers.CSSHelp(document).getStyle(`.bb2b`)?.getPropVal('background', true), /var\(--building-color2\)(0%)?,var\(--building-color2\)6%/);
```
Dovresti utilizzare `--window-color2` dal `6%` al `9%`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle(`.bb2b`)?.getPropVal('background', true), "var(--window-color2)6%,var(--window-color2)9%");
```
`.bb2b` dovrebbe avere un `linear-gradient` con `--building-color2` allo `0%` al `6%` e `--window-color2` dal `6%` al `9%`.
```js
assert.match(new __helpers.CSSHelp(document).getStyle(`.bb2b`)?.getPropVal('background', true), /linear-gradient\(var\(--building-color2\)(0%)?,var\(--building-color2\)6%,var\(--window-color2\)6%,var\(--window-color2\)9%\)/);
```
# --seed--
## --seed-contents--
```html
City Skyline