Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Untitled
ul {position: relative;margin: 0;padding: 0;}li {display: inline-block;width: 100px;text-align: center;border-bottom: 5px solid #ccc;}li.blue:hover ~ div {left: 200px;background: blue;}li.green:hover ~ div {left: 100px;background: green;}li.red:hover ~ div{background: red;left: 0;}div {position: absolute;height: 5px;top: 17px;width: 100px;transition: all 1s ease;left: 0;}
<section class="menu">
<ul> <li class="red">Hey</li><li class="green">Hello</li><li class="blue" >World</li>
<div></div>
</ul></section>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.