De code die jij hebt gebruikt werkt bij mij niet als een hover ^^"
ik heb even snel een hover gemaakt met de plaatjes... Je mag de code gebruiken om mee te oefenen en je mag hem zelfs gebruiken om andere hover-plaatjes mee te maken (anderen mogen dat natuurlijk ook, zo lang ze de plaatjes veranderen) ^^
- Code:
-
<style>.twee{width:543px;opacity:0;transition:1s;-webkit-transition:1s;} .twee:hover{opacity:1;}</style><img src="http://i58.tinypic.com/2ltlsn6.jpg"/><img class="twee" src="http://oi59.tinypic.com/bis7br.jpg" style="margin-top:-155px;"/>
De dingen tussen de
style tags hebben te maken met de hover. Je kunt de snelheid van de hover aanpassen op de plekken waar in de code
1s staat (je kunt ze bijvoorbeeld naar 0.5s of 2s veranderen, maar zorg er wel voor dat beide getallen hetzelfde zijn). De
opacity is de transparantheid van het plaatje (0 is transparant 1 is helemaal zichtbaar, je kunt het bijvoorbeeld veranderen naar 0.7 als je een plaatje een beetje transparant wil hebben)
Index
