<!DOCTYPE html> <html> <head> <style> div{ transition-property:color,background-color; -webkit-transition-property:color,background-color; /* for safari */ transition-duration:1s,5s; -webkit-transition-duration:1s,5s; /* for safari */ color:red; background-color:white; } div:hover{ color:white; background-color:red; } </style> </head> <body> <div> <p>The transition-duration of the color is 1s. The transition-duration of background-color is 5s</p> </div> </body> </html>
Run
×
Share