Added animation to game show page

miketalley · Jul 30, 2014 · 0d82dfa · 0d82dfa
1 parent b5df1be
commit 0d82dfa
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/app/assets/stylesheets/style.css b/app/assets/stylesheets/style.css
@@ -56,6 +56,13 @@
   transition-duration: 0;
 }
 
+.game-name.ng-enter {
+  -webkit-animation: bounceInLeft 1.5s;
+  -moz-animation: bounceInLeft 1.5s;
+  -ms-animation: bounceInLeft 1.5s;
+  animation: bounceInLeft 1.5s;
+}
+
 #sourceResults {
   height: 450px;
 }

diff --git a/app/views/games/show.html.erb b/app/views/games/show.html.erb
@@ -4,7 +4,7 @@
       <img src='<%= @game.icon_url %>'>
     </div>
     <div class='col-md-10'>
-      <h1 class='game-name'><%= @game.name %></h1>
+      <h1 class='game-name ng-animate ng-enter'><%= @game.name %></h1>
       <h4>
       <dl>
         <dt><a href ng-click='showBonds = !showBonds'><h3 class='game-name'>