CSS - Hintergrundbild mit Zoom Funktion
<style>
.image1 {
width: 200px;
height: 200px;
background: url("bild.jpg");
background-size: 100% 100%;
background-position: Center Center;
transition: all .7s;
}
.button {
width: 200px;
height: 200px;
position: Absolute;
font-size: 1rem;
color: #FFFFFF;
text-align: Center;
line-height: 200px;
cursor: Default;
}
.button:hover ~ .image1 {
background-size: 150% 150%;
}
</style>
<div>
<div class="button">Lorem Ipsum</div>
<div class="image1"></div>
</div>
Bausteine
Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.