Demo-V1Study

Chạm tôi => Tôi sẽ đổi màu trong 5s.

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width:300px;
height:300px;
background:green;
color:white;
text-align:center;
}
div:hover{
animation:myfirst 5s;
-webkit-animation:myfirst 5s;
}
@keyframes myfirst{
from {background:green;}
to {background:yellow;}
}
@-webkit-keyframes myfirst{
from {background:green;}
to {background:yellow; color:green;}
}
</style>
</head>
<body>
<div>Chạm tôi => Tôi sẽ đổi màu trong 5s.</div>
</body>
</html>