css - Transition loads when screen loads -
i'm having border transition on focus. when focus input field, want border change color. works.
what don't want let border load when page load, now. why doing this?
<input type="stad" name="stad" value=""/> input { border: 7px #227a7b solid; height: 20px; width: 200px; background: #1a5a78; /* old browsers */ background: -moz-linear-gradient(-45deg, #1a5a78 0%, #11c7b8 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1a5a78), color-stop(100%, #11c7b8)); /* chrome,safari4+ */ background: -webkit-linear-gradient(-45deg, #1a5a78 0%, #11c7b8 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(-45deg, #1a5a78 0%, #11c7b8 100%); /* opera 11.10+ */ background: -ms-linear-gradient(-45deg, #1a5a78 0%, #11c7b8 100%); /* ie10+ */ background: linear-gradient(135deg, #1a5a78 0%, #11c7b8 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#1a5a78', endcolorstr='#11c7b8',gradienttype=1 ); /* ie6-9 fallback on horizontal gradient */ padding: 5px; margin-top: -50px; transition: 1s border; } input:focus { outline: none; border: green 7px solid; }
Comments
Post a Comment