diff options
| author | hallgren <hallgren@chalmers.se> | 2013-02-07 13:11:09 +0000 |
|---|---|---|
| committer | hallgren <hallgren@chalmers.se> | 2013-02-07 13:11:09 +0000 |
| commit | 88d20ca61238edb14e1151509484c60ef5d967ee (patch) | |
| tree | 5cc4ce12a977d97eae707dc0c9bb7a0f22e1d1f5 | |
| parent | f9a32dca3b97e1b73c67c825990977a4b9b26d89 (diff) | |
GF home page style update
| -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 |