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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -