1 <!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd ">2 <HTMLxmlns= "http://www.w3.org/1999/xhtml">3 <Head>4 <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" />5 <title>CSS3 Input Box Blu-ray effect-code note www.198zone.com</title>6 <styletype= "Text/css">7 input{8 transition:All 0.30s ease-in-out;9 -webkit-transition:All 0.30s ease-in-out;Ten -moz-transition:All 0.30s ease-in-out; One A width:200px; - Border:#35a5e5 1px solid; - Border-radius:3px; the Outline:None; - } - Input:focus{ - Box-shadow:0 0 5px Rgba (bayi, 203, 238, 1); + -webkit-box-shadow:0 0 5px Rgba (bayi, 203, 238, 1); - -moz-box-shadow:0 0 5px Rgba (bayi, 203, 238, 1); + } A </style> at </Head> - <Body> - - <Divstyle= "margin:100px 700px;"> - <inputtype= "text"placeholder= "User name or email address"style= "height:25px"/> - <BR> in <BR> - <inputtype= "Password"placeholder= "Please enter password"style= "height:25px"/> to </Div> + </Body> - </HTML>
Input box Blu-ray effect