diff options
| author | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-06-29 14:58:44 -0400 |
|---|---|---|
| committer | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-06-29 14:58:44 -0400 |
| commit | 2adb7e70b32ddfec73648795a5313b14074173b9 (patch) | |
| tree | 199e4964d07e93133788797eff782c4de2ab8d5a | |
| parent | e416f49808b4bddf2fb0e5018c4e4453b50bfd0e (diff) | |
| download | thoughts-2adb7e70b32ddfec73648795a5313b14074173b9.tar.gz thoughts-2adb7e70b32ddfec73648795a5313b14074173b9.tar.bz2 thoughts-2adb7e70b32ddfec73648795a5313b14074173b9.zip | |
Made ponies actually trot
| -rw-r--r-- | app/assets/stylesheets/application.css.scss | 6 |
1 files changed, 6 insertions, 0 deletions
| diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 683cc6d..44383b4 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss | |||
| @@ -34,9 +34,15 @@ body#main-body { | |||
| 34 | display: flex; | 34 | display: flex; |
| 35 | } | 35 | } |
| 36 | 36 | ||
| 37 | @keyframes trottingPonies { | ||
| 38 | from { background-position-x: 0px; } | ||
| 39 | to { background-position-x: -1280px; } | ||
| 40 | } | ||
| 41 | |||
| 37 | #banner { | 42 | #banner { |
| 38 | background-image: image-url("walk_cycle.png"); | 43 | background-image: image-url("walk_cycle.png"); |
| 39 | background-repeat: repeat-x; | 44 | background-repeat: repeat-x; |
| 45 | animation: trottingPonies 1s steps(16) infinite; | ||
| 40 | width: 100%; | 46 | width: 100%; |
| 41 | padding: 1em; | 47 | padding: 1em; |
| 42 | box-sizing: border-box; | 48 | box-sizing: border-box; |