CSS - Bild vergrößern mit dem „Checkbox Hack”
<style>
input[type="checkbox"].zoom {
display: None;
}
input[type="checkbox"].zoom ~ img {
border: Solid 1px #000000;
cursor: Pointer;
transition: transform 0.7s;
max-width: 100%;
height: Auto;
}
input[type="checkbox"].zoom:checked ~ img {
transform: scale(1.5, 1.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
Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.
CSS - Transparenter Farbverlauf
PHP - Automatische Verlinkung eines Textes und den Linktext kürzen