<!DOCTYPE html> <html> <head> <title>CSS3 Transitions - Transition Delay</title> </head> <body> <style type="text/css"> .transition-delay{ width: 100px; height: 40px; background:#F60; border-radius:4px; padding:20px 0px; color:#FFF; text-align:center; -webkit-transition: width 3s; /* Safari */ -webkit-transition-delay: 1s; /* Safari */ transition: width 3s; transition-delay: 1s; } .transition-delay:hover { width: 300px; } </style> <div class="transition-delay">Transition Delay 1sec</div> </body> </html>
Output :
Topic :
Transition Delay
