Alex: Bild vergrößern, wenn Maus darüber fährt

Beitrag lesen

SELF-Forum

Bild vergrößern, wenn Maus darüber fährt

Alex
– Informationen zu den Bewertungsregeln

Sorry,
stimmt schon, ich könnte ja auch einfach einen Paragraph dafür nutzen.
Wie bekomme ich es jetzt genau hin, dass sich das Bild nach links ausbreitet, wenn man mit der Maus drüber fährt?

  
<html>  
<head>  
<style type="text/css">  
#one{  
float:left;  
background: white;  
width: 400px;  
color: black;  
font-family: verdana;  
text-align: left;  
font-size: 14px;  
margin-bottom: 30px;  
}  
  
#two{  
float:left;  
background: url(bild.jpg);  
width: 320px;  
height: 240px;  
background-size: 100%;  
margin-left: 30px;  
margin-bottom: 30px;  
transition: all 2s;  
}  
  
#two:hover{  
background: url(bild.jpg);  
width: 640px;  
height: 480px;  
}  
</style>  
</head>  
<body>  
<p id="one">Hallo</p>  
<p id="two"></p>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln