---
id: 5d822fd413a79914d39e9934
title: Step 107
challengeType: 0
dashedName: step-107
---
# --description--
Finalmente! Sei arrivato all'ultimo edificio! Aggiungigli un gradiente ripetuto con una direzione di `90deg`. Usa il colore dell'edificio dallo `0%` al `10%` e `transparent` dal `10%` al `30%`.
# --hints--
Dovresti aggiungere un `repeating-linear-gradient` a `.fb6` nella proprietà `background`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle(".fb6")?.background, "repeating-linear-gradient");
```
Dovresti dare al `repeating-linear-gradient` una direzione di `90deg`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('background', true), "repeating-linear-gradient(90deg");
```
Dovresti dare al `repeating-linear-gradient` un primo colore di `--building-color3` dallo `0%` al `10%`.
```js
assert.match(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('background', true), /repeating-linear-gradient\(90deg,var\(--building-color3\)(0%)?,var\(--building-color3\)10%/);
```
Dovresti dare al `repeating-linear-gradient` un secondo colore di `transparent` dal `10%` al `30%`.
```js
assert.match(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('background', true), /repeating-linear-gradient\(90deg,var\(--building-color3\)(0%)?,var\(--building-color3\)10%,transparent10%,transparent30%\)/);
```
# --seed--
## --seed-contents--
```html