<!DOCTYPE html> <html> <head> <style> div{ width:200px; height:200px; transition-property:background-color; transition-delay:2s; -webkit-transition-property:background-color; /* for safari */ -webkit-transition-delay:2s; /* for safari */ background-color:red; } div:hover{ background-color:green; } </style> </head> <body> <div></div> <p>Place cursor and wait for two seconds</p> </body> </html>
Run
×
Share