Chantico0001
Neues Mitglied
Ich möchte einen Hyperlink in ein Bild implementieren und beibehalten, dass das Bild diesen "pop out" Effekt hat wenn man mit der Maus darüber fährt.
Css:
Now the html Code:
Das ist der bisherige Code was muss ich tun um gewünschtes zu erreichen?
Css:
Code:
header{
padding-top: 30px;
padding-left: 5%;
background-color:#110F0F;
}
header img{
height: 200px;
margin-right:auto;
margin-left:auto;
display: block;
}
.aatrox {
align-content: center;
border: solid #47dfff ;
background-color:#110F0F;
transition: transform .2s;
width: 200px;
height: 200px;
margin: 0 auto;
}
.aatrox:hover {
transform: scale(1.5);
}
.body{
background-image: url("Bilder/Abackground.PNG") ;
}
#bilder{
padding-left: 5%;
}
Now the html Code:
Code:
<html lang="en">
<head>
<link rel = "stylesheet"
type = "text/css"
href = "CSS.css" />
</head>
<body background="Bilder/Abackground.PNG">
<header>
<div>
<img src="WebsiteLogo.png">
</div>
</header>
<section id="navigate">
</section>
<div id="bilder">
<a class="aatrox" href="http://www.youtube.com"><img src="Bilder/aatrox.PNG" title="aatrox" height="200px" /></a>
<img class="aatrox" src="Bilder/ahri.PNG" height="200px">
</div>
</section>
</body>
</html>
Zuletzt bearbeitet: