- Transition
- Animation
Example of Transition:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background-color:red;
transition:height 2s;
-webkit-transition:height 2s;
}
div:hover
{
height:300px;
}
</style>
</head>
<body>
<div> </div>
</body>
</html>
|
Example of Animation:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
height:100px;
width:200px;
background-color:green;
-webkit-animation:papu 15s;
animation: papu 15s;
}
@-webkit-keyframes papu
{
from {background-color:black;}
to {background-color:yellow;}
}
</style>
</head>
<body>
<div> yeh papu papu kia ha </div>
</body>
</html>
|
No comments:
Post a Comment