jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-04-18 10:00:55 -04:00
Code Issues Projects Releases Wiki Activity

fix(curriculum): vague skyline step 51 (#46072)

Browse Source
This commit is contained in:
Muhammed Mustafa
2022-05-21 11:58:08 +02:00
committed by GitHub
parent c3e1ba4390
commit 9ee77ab9b6
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
curriculum/challenges/english/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md
View File

@@ -7,18 +7,18 @@ dashedName: step-51
# --description--
You can make an instant color change in a gradient by giving the transition zero space like this:
Gradient transitions often gradually change from one color to another. You can make the change a solid line like this:
```css
gradient-type(
color1,
color1 50%,
color2 50%,
color2
linear-gradient(
var(--first-color) 0%,
var(--first-color) 40%,
var(--second-color) 40%,
var(--second-color) 80%
);
```
Here, the top half of the element will be `color1` and the bottom half will be `color2`. Add a `linear-gradient` to `.bb2b` that uses `--building-color2` from `0%` to `6%` and `--window-color2` from `6%` to `9%`.
Add a `linear-gradient` to `.bb2b` that uses `--building-color2` from `0%` to `6%` and `--window-color2` from `6%` to `9%`.
# --hints--