Bild gegen Bild tauschen ( css Lösung )

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

Der hier verwendete Code

<style> #div1{ background-image:url(https://xn--schnheitsreich-xpb.de/wp-content/uploads/2018/03/Schminkkurs-in-Mainz-Moll-1.jpg); background-size:100% 100%; height:200px; width:400px; transition:.3s; } #div1:hover{ background-image:url(https://lh3.googleusercontent.com/proxy/APrOCtwnr33_lLbe9ww9uSITXT-nFZhOyt06nDc59jmKI9NFzn4GneP0Uwrs6lANmAeeKv7DzkT1x9tqD5YJpzR0Tv9CRTc1Mj71_aLNpCpqF6kiOKQ6P9yXmnmM5BxrTOQV-UitHMIpQyAW=w400-h277-p-k-rw); background-size:100% 100%; height:200px; width:400px; transition:.3s; } </style> <div id="div1" style="background-color:red;padding:3px;border:solid 7px;"> </div>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!