Skip to content

Instantly share code, notes, and snippets.

Created Aug 13, 2013
What would you like to do?
Expanding input
* Expanding input
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;*/
#s {
transition: width 1s;
width: 20em;
#s:focus {
width: 100%
<!-- content to be placed inside <body>…</body> -->
<input type="search" id="s">
// alert('Hello world!');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment