Team:UCLA/Template/CSS test
From 2014.igem.org
(Difference between revisions)
Anuvedverma (Talk | contribs) (Created page with "<html> <style> #menu li{ position:relative; float:left; list-style:none; } #menu a{ color:white; background:black; text-decoration:none; width:98px; display:block; text-align:ce...") |
Anuvedverma (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | <!--NAVIGATION MENU BAR--> | ||
#menu li{ | #menu li{ | ||
position:relative; | position:relative; | ||
Line 9: | Line 10: | ||
color:white; | color:white; | ||
background:black; | background:black; | ||
- | |||
text-decoration:none; | text-decoration:none; | ||
width:98px; | width:98px; | ||
Line 40: | Line 40: | ||
position:relative; | position:relative; | ||
} | } | ||
+ | |||
+ | |||
+ | <!--SPIDER ANIMATION--> | ||
+ | <style type="text/css"> | ||
+ | #spider { | ||
+ | position:relative; //or whatever you need | ||
+ | display:block; | ||
+ | top:0px; | ||
+ | left:500px; | ||
+ | } | ||
+ | #spider img { | ||
+ | position:absolute; | ||
+ | opacity:0; | ||
+ | } | ||
+ | #spider #first { | ||
+ | opacity:1; | ||
+ | } | ||
+ | </style> | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 04:33, 22 July 2014