CSS - Hintergrundbild mit Zoom Funktion

Lorem Ipsum

<style>

.
image1 {
 
width200px;
 
height200px;
 
backgroundurl("bild.jpg");
 
background-size100100%;
 
background-positionCenter Center;
 
transitionall 3s;
}

.
button {
 
width200px;
 
height200px;
 
positionAbsolute;
 
font-size1rem;
 
color#FFFFFF;
 
text-alignCenter;
 
line-height200px;
 
cursor: Default;
}

.
button:hover ~ .image1 {
 
background-size150150%;
}
</
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.

<main> Hauptinhalt der Seite

CSS - Regenbogen Text

PHP - Adventkalender

JavaScript - Neues Fenster öffnen

MySQL - Kleinsten Wert einer Tabellenspalte ermitteln

Formulareingaben
Bei Formularen sollten Sie darauf achten, dass der Besucher so wenig Informationen über sich eingeben muss wie möglich. — Niemand möchte mehr Infos über sich hergeben als unbedingt nötig ist. Auch sollten Sie mit Pflichtangaben im Formular zurückhaltend sein.