diff options
| -rw-r--r-- | css/style.css | 23 | ||||
| -rw-r--r-- | index.html | 2 |
2 files changed, 24 insertions, 1 deletions
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 |