From 2adb7e70b32ddfec73648795a5313b14074173b9 Mon Sep 17 00:00:00 2001 From: Kelly Rauchenberger Date: Thu, 29 Jun 2017 14:58:44 -0400 Subject: Made ponies actually trot --- app/assets/stylesheets/application.css.scss | 6 ++++++ 1 file changed, 6 insertions(+) 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 { display: flex; } +@keyframes trottingPonies { + from { background-position-x: 0px; } + to { background-position-x: -1280px; } +} + #banner { background-image: image-url("walk_cycle.png"); background-repeat: repeat-x; + animation: trottingPonies 1s steps(16) infinite; width: 100%; padding: 1em; box-sizing: border-box; -- cgit 1.4.1