diff options
| author | luxagraf <sng@luxagraf.net> | 2020-04-28 10:24:02 -0400 |
|---|---|---|
| committer | luxagraf <sng@luxagraf.net> | 2020-04-28 10:24:02 -0400 |
| commit | f343ef4d92352f9fc442aeb9c8b1abee27d74c62 (patch) | |
| tree | 4df5c497e7caeab1f8932df98ad3d00fef228a3e /wired/old/published/Webmonkey/css_dropdowndemo.html | |
| parent | a222e73b9d352f7dd53027832d04dc531cdf217e (diff) | |
cleaned up wired import
Diffstat (limited to 'wired/old/published/Webmonkey/css_dropdowndemo.html')
| -rw-r--r-- | wired/old/published/Webmonkey/css_dropdowndemo.html | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/wired/old/published/Webmonkey/css_dropdowndemo.html b/wired/old/published/Webmonkey/css_dropdowndemo.html new file mode 100644 index 0000000..b934cc9 --- /dev/null +++ b/wired/old/published/Webmonkey/css_dropdowndemo.html @@ -0,0 +1 @@ +<html>
<head>
<style type="text/css">
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul li {
position: relative;
float: left;
width: 100px;
}
li ul {
position: absolute;
top: 30px;
opacity: 0;
}
ul li a {
display: block;
text-decoration: none;
line-height: 20px;
color: #777;
padding: 5px;
background: #CC0;
margin: 0 2px;
display: block;
-webkit-transition-property: background-color, color, text-shadow;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: ease-in;
}
ul li a:hover { background: #66F; }
li:hover ul { opacity: 1;
-webkit-transition: opacity 4s linear;
}
</style>
</head>
<body>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Web</a>
<ul>
<li><a href="#">Browser</a></li>
<li><a href="#">Search</a></li>
</ul>
</li>
<li><a href="">Monkey</a>
<ul>
<li><a href="">Eating Banana</a></li>
<li><a href="">Throwing Poop</a></li>
</ul>
</li>
<li><a href="">Contact</a>
<ul>
<li><a href="">Via Web</a></li>
<li><a href="">Via Phone</a></li>
<li><a href="">Via tin can and string</a></li>
</ul>
</li>
</ul>
</body>
</html>
\ No newline at end of file |