yulfiansa.mahriza a.thumbopacity img { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;margin-top:5px;margin-left:230px; position:absolute; } a.thumbopacity:hover img{ margin-left: 175px; padding-left: 0px; } #search { } #search input[type="text"] { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfP8aGnQNziv9qgbKkNxTzxUQo3sbHRRdMOKxZ9E7XIJMjQbXCdKBg0Cnwkg5PaRZcOLZqzBpkki7eiqRCP12BMwhngVCzpJ8b_UpmwzR6pxzqHbdDMpZ9wYTR7ynow3EPMxnnlGGSdlU/s1600/cari.png) no-repeat 10px 6px #000; border-color: #fff; font: bold 12px Arial,Helvetica,Sans-serif; color: #bbbbbb; width: 110px; padding: 6px 15px 6px 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #search input[type="text"]:focus { width: 150px; }