3/04/2015

Subtle CSS3 Menu With Stretchy Searchbox

So this is another CSS experiment I did a while ago, I tried to create the same search box feature as on apple.com that stretches and manipulates widths of the menu. But I wanted to use only CSS. It falls back well in older browsers, Just no transitions are supported. Only image used is for the search icon - too lazy to do the CSS for it ;)
CSS



HTML
<div>
<div class="navMenu expander">
<form action="">
<input type="text" />
<a href="#">Home</a>
<a href="#">Products</a>
<a href="#">Gallery</a>
<a href="#">Stores</a>
<a href="#">Contact</a>
</form>
</div>
</div> 

This is it. Now when you have the full code sjust copy it inside the gadget and save. You are done. If you liked this Subtle CSS3 Menu With Stretchy Searchbox Widget For Blogger then please share it and write comments as your feedback.

Free Download best free and premium High Quality Professional blogger templates for your blog available in all types. Free Premium Templates