CSS - Bild vergrößern mit dem „Checkbox Hack”


<style>

input[type="checkbox"].zoom {
 
displayNone;
}

input[type="checkbox"].zoom img {
 
borderSolid 1px #000000;
 
cursorPointer;
 
transitiontransform 0.7s;
 
max-width100%;
 
heightAuto;
}

input[type="checkbox"].zoom:checked img {
  
transformscale(1.51.5);
}
</
style>

<
label>
 <
input type="checkbox" class="zoom">
 <
img src="bild.png"><br>
Klicke zum vergrößern</label>

Füge cursor: zoom-in und cursor: zoom-out ein um das Lupen-Symbol anzuzeigen.

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<option> Option - Auswahlliste/Datenliste

CSS - Markieren von Text verhindern

PHP - Jahres-Auswahlliste

JavaScript - Lichtregler

MySQL - Höchstwert einer Spalte ermitteln

Homepage Testen
Wenn Ihre Seite fertig sind und ins Internet hochgeladen wurden, gilt es: Testen, testen, testen. Viele Fehler kann man Offline finden, manche aber nur Online (zum Beispiel vergessene Dateien, falsche Links). Von großem Wert ist auch ein Test seitens einer Person, welcher die Seite unbekannt ist.
Meist fallen Schönheitsfehler und Hindernisse auf, die man als Webmaster nicht mehr sieht. Hierbei hilft es, der Testperson Aufgaben zu stellen, zum Beispiel, eine bestimmte Information zu finden oder ein bestimmtes Produkt zu bestellen.