diff --git a/css/style.css b/css/style.css
index 5137e8159..677233e34 100644
--- a/css/style.css
+++ b/css/style.css
@@ -32,3 +32,26 @@ th { background: #9df; }
 
 h1 img { float: right; border: 0; }
 h1 img.nofloat { float: none; }
+
+.grow {
+  animation-name: grow;
+  animation-duration: 2s;
+  animation-timing-function: ease-in-out;
+
+  -webkit-animation-name: grow;
+  -webkit-animation-duration: 2s;
+  -webkit-animation-timing-function: ease-in-out;
+
+}
+
+@keyframes grow {
+  from,50% { opacity: 0; transform: scale(0.1,0.1); }
+  80% { opacity: 1; transform: scale(1.1,1.1); }
+  to { transform: scale(1.0,1.0); }
+}
+
+@-webkit-keyframes grow {
+  from,50% { opacity: 0; -webkit-transform: scale(0.1,0.1); }
+  80% { opacity: 1; -webkit-transform: scale(1.1,1.1); }
+  to { -webkit-transform: scale(1.0,1.0); }
+}
diff --git a/index.html b/index.html
index 9f85bc469..9fca590e4 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@ function sitesearch() {
 document.write('<div style="text-align: right">  <form onsubmit="return sitesearch()" method=get action="http://www.google.com/search">  <input type=search name="q" placeholder="site search">  <input type=submit value="Search">  </form></div>')
 </script>
 <div class=center>
-<IMG SRC="doc/Logos/gf0.png" alt="">
+<img class=grow src="doc/Logos/gf0.png" alt="">
 <H1>Grammatical Framework</H1>
 <P>
 Version 3.4