Header Ads

  • Breaking News

    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>



    No comments

    Post Top Ad

    Post Bottom Ad