From 2014.igem.org
(Difference between revisions)
|
|
| Line 85: |
Line 85: |
| | height:50%; | | height:50%; |
| | } | | } |
| - | #slide-1 { | + | <!-- CSS FOR SPIDER ANIMATION BAR IMAGE --> |
| - | background: url('http://content.mycutegraphics.com/graphics/spider/black-cartoon-spider.png') no-repeat center center; | + | #spider img { |
| - | background-size: cover; | + | position:absolute; |
| | + | opacity:0; |
| | } | | } |
| - | #slide-2 { | + | #spider #first { |
| - | background: url('http://content.mycutegraphics.com/graphics/spider/black-cartoon-spider.png') no-repeat center center;
| + | opacity:1; |
| - | background-size: cover;
| + | |
| - | }
| + | |
| - | #slide-3 { | + | |
| - | background: url('../img/bcg_slide-3.jpg') no-repeat center center; | + | |
| - | background-size: cover;
| + | |
| - | }
| + | |
| - | #slide-4 {
| + | |
| - | background: url('http://content.mycutegraphics.com/graphics/spider/purple-cartoon-spider.png') no-repeat center center;
| + | |
| - | background-size: cover;
| + | |
| | } | | } |
| | </style> | | </style> |
| | </html> | | </html> |
Revision as of 22:47, 2 September 2014
"
