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 3s;
}
.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 Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<abbr> Abkürzung
CSS - Animierte Box mit Keyframes
PHP - Element aus einem Array löschen