diff options
Diffstat (limited to 'app')
| -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; |
