primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-09-20 13:17:29 +03:00
Code Issues Projects Releases Wiki Activity

Add fade out docs

Browse Source
This commit is contained in:
Sophie Shepherd 2017-10-19 12:16:02 -05:00
parent aee148332e
commit 3d47e86305
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
modules/primer-utilities/docs/animations.md
View File

@ -16,6 +16,13 @@ The `.anim-fade-in` class is used to fade in an element on the page. This will r
<span class="anim-fade-in"><%= octicon("mark-github", :height => 32, :class => "v-align-middle mr-2") %> Hello from GitHub!</span>
```
## Fade Out
The `.anim-fade-out` class is used to fade out an element on the page. This will run once when the element is revealed.
```html
<span class="anim-fade-out"><%= octicon("mark-github", :height => 32, :class => "v-align-middle mr-2") %> Hello from GitHub!</span>
## Fade Up
The `.anim-fade-up` class is used to reveal an element on the page by sliding it up from below the fold. You should use this in a container with `overflow: hidden;` or on the bottom of the page.