Tip: You can modify some of the code before running
<ptml> <pead> <title></title> <style type= "text/css" > Input, textarea{color: #888; padding:5px; margin:10px; Outline:none; Overflow:hidden; border-radius:5px; Background: #fafafa; border:1px solid #ddd; -moz-box-shadow:inset 1px 1px 10px rgba (0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 10px rgba (0,0,0,0.1); Box-shadow:inset 1px 1px 10px rgba (0,0,0,0.1); -webkit-transition:all 3s; -moz-transition:all 3s; -o-transition:all 3s; }. style1{width:150px; }. style1:focus{width:230px; }. style2{Float:right; width:150px; }. style2:focus{width:230px; }. style3{width:10%; }. style3:focus{width:98%; }. style4{Height:2em; width:230px; }. style4:focus{Height:8em; } </style> </pead> <body> <input class= "Style1" type= "text" value= "elongate a little to the right"/> <br/> <input class=" style2 "type=" text "value=" elongation to the left a little bit "/> <br/> <input class=" Styl E3 "type=" text "value=" what? Your search term is very long? Is that enough? "/> <br/> <textarea class=" Style4 "> What's Underneath?" Good luck to you! ~~~~
Tip: You can modify some of the code before running
