basti1012.bplaced.net

Wie kann man ein Bild tauschen , wenn man mit der Maus über das Bild geht ?

Code

                                    
                                <style>
  #div1{
 background-image:url(/image/Schminkkurs-in-Mainz-Moll-1.jpg);
  background-size:100% 100%;
  height:200px;
 width:400px;
  transition:.3s;
}
 #div1:hover{
 background-image:url(/image/unnamed.webp);
  background-size:100% 100%;
  height:200px;
 width:400px;
   transition:.3s;
}
</style>
<div id="div1" style="background-color:red;padding:3px;border:solid 7px;">  </div>