Hallo zusammen.
Ich habe mal eine Frage. Ich probiere gerade mal ein bisschen mit css transition und habe folgendes gebastelt, um ein Bild von rechts ins Fenster gleiten zu lassen.
.Bildlink{
position:absolute;
z-index:100;
border:solid thin red;
width: 600px;
height:400px;
right:-605px;
transition: right 1.5s ease;
}
input[type="checkbox"].myCheckbox {
width: 100px;
height: 100px;
z-index: 100;
cursor: pointer;
}
input[type="checkbox"]:checked.myCheckbox ~ .Bildlink {
right:600px;
}
<body>
<input type="checkbox" class="myCheckbox" />
<div class="Bildlink">
<img src="images/bild.jpg" width="15" height="10">
</div>
</body>
</html>
Das funktioniert auch soweit. Ich würde das ganze aber gern über einen Klick auf einen Text-Link auslösen und nicht über einen Klick auf eine Checkbox. Hat jemand eine Idee, wie ich das mache?