Witam,
zrobiłem inputa w html i po najechaniu na niego ma pojawiać się box-shadow. Input ma obrazkowe tło. wszytko super, problem w tym, że po załadowaniu strony postanawia on sobie "wjechać" na nią co nie było planowane.
#in{
transition: 1s all;
-webkit-transition: 1s all;
-moz-transition: 1s all;
height: 30px;
margin-left: 190px;
width: 220px;
background-color: black;
color: white;
background-image: url('in.png');
background-position: 92px -32px;
background-repeat: no-repeat;
text-align: center;
border: 2px solid grey;
border-radius: 15px;
}
#in:focus {
outline: none;
}
#in:hover{
transition: 1s all;
-webkit-transition: 1s all;
-moz-transition: 1s all;
-webkit-box-shadow: 10px 10px 65px #6b0000;
}
<form action="fear.php" method="get">
<input type="text" name="value" id="in" placeholder=" Number" />
</form>