gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added solution to create a striped element challenge (#34431)

Browse Source 
* Update index.md

* Update index.md
This commit is contained in:
The Coding Aviator
2019-03-09 19:27:28 +05:30
committed by Randell Dawson
parent 3c1c8950b8
commit 19e48b3dc8
1 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
guide/english/certifications/responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element/index.md
View File

@ -3,8 +3,29 @@ title: Use a CSS Linear Gradient to Create a Striped Element
---
## Use a CSS Linear Gradient to Create a Striped Element
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
### Solution
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
```html
<style>
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
div{
border-radius: 20px;
height: 400px;
margin: 50 auto;
background: repeating-linear-gradient(
45deg,
yellow 0px,
yellow 40px,
black 40px,
black 80px
);
}
</style>
<div></div>
```
#### Resources
* [MDN | Repeating Linear Gradient](https://developer.mozilla.org/en-US/docs/Web/CSS/repeating-linear-gradient)