CSS3 Search Box Inspired by Apple.com

<div dir="ltr" style="text-align: left;" trbidi="on"><span style="color: black;">Today’s tutorial is on creating </span><b><a href="http://www.apple.com/" target="_blank"><span style="color: black;">Apple</span></a><span style="color: black;">-inspired</span></b><span style="color: black;"> search box or search field using CSS3 alone. The search field expands slowly when focused/clicked. This animation effect achieved purely using CSS3 transition property.</span><br> <div style="text-align: center;"><img alt="Search Box" src="http://img841.imageshack.us/img841/9179/ssssfa.png" style="height: 100px; width: 786px;"></div><br> </div>

CSS3 Search Box Inspired by Apple.com

Unknown 0 5/18/2012

Today’s tutorial is on creating Apple-inspired search box or search field using CSS3 alone. The search field expands slowly when focused/clicked. This animation effect achieved purely using CSS3 trans…

Read more »