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.

<dl> Definitionsliste

CSS - Tabellenzeilen einfärben

PHP - Statische Variablen

JavaScript - Den Wert des ausgewählten Optionsfelds auslesen

MySQL - Datenbankinhalte mit AES verschlüsseln und auslesen

In Kontakt bleiben
Nichts ist wichtiger als der Kontakt zu seinen Besuchern: Nur so können Wünsche, Anregungen und konstruktive Kritik ausgetauscht werden.
Am besten ist es, Sie betreiben ein kleines Forum wo Besucher oder Mitglieder Ihre Wünsche und Anregungen mitteilen können. Oder Sie bauen eine Umfrage in Ihre Homepage ein. Auch über ein Kontaktformular können Sie Kritik und Verbesserungsvorschläge entgegennehmen.