CSS - Hintergrundbild mit Zoom Funktion

Lorem Ipsum

<style>

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

.
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

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - CSS-Variablen

PHP - Nach jedem 3 Datensatz eine neue Zeile beginnen

JavaScript - Zahlen aus zwei Eingabefeldern zusammenzählen

MySQL - Doppelte Einträge in der Tabelle finden