<!DOCTYPE html> <html> <head> <style> div{ position:relative; transition-property:font-size; -webkit-transition-property:font-size; /* for safari */ font-size:16px; transition-duration:1s; -webkit-transition-duration:1s; /* for safari */ transition-delay:2s; -webkit-transition-delay:2s; /* for safari */ } div:hover{ font-size:20px; } </style> </head> <body> <div> <p>The animation-property is delayed for two seconds (2s). Wait for 2 seconds.</p> </div> </body> </html>
Run
×
Share