andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add extractor and builder

Browse Source 
Tested and working
This commit is contained in:
Angelos Chalaris
2019-08-22 14:04:18 +03:00
parent 343f8fd4c7
commit a8818b1998
101 changed files with 18465 additions and 9908 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
snippets/overflow-scroll-gradient.md
View File

@ -5,8 +5,6 @@ tags: visual,intermediate
Adds a fading gradient to an overflowing element to better indicate there is more content to be scrolled.
#### HTML
```html
<div class="overflow-scroll-gradient">
<div class="overflow-scroll-gradient__scroller">
@ -22,8 +20,6 @@ Adds a fading gradient to an overflowing element to better indicate there is mor
</div>
```
#### CSS
```css
.overflow-scroll-gradient {
position: relative;
@ -50,8 +46,6 @@ Adds a fading gradient to an overflowing element to better indicate there is mor
}
```
#### Demo
#### Explanation
1. `position: relative` on the parent establishes a Cartesian positioning context for pseudo-elements.