vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>HCL136 Transitions</title> <style> .schalter { background:blue; color:white; padding:20px; transition-property:all; transition-duration:3s; transition-timing-function:ease; transition-delay:0.5s; } .schalter:hover {background:yellow; color:black;} </style> </head> <body> <span class="schalter"> Impressum </span> <span class="schalter"> Kontakt </span> </body> </html>
