The animation can be set using padding element inside the keyframes.
By assigning the animations the text can be animated.
By assigning the animations the text can be animated.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#anbody {
animation: animation_name 5s infinite;
}
@-webkit-keyframes animation_name {
from {
padding: 0%;
;
}
to {
padding: 40%;
}
}
@keyframes animation_name {
from {
padding: 0%;
}
to {
padding: 40%;
}
}
</style>
</head>
<body id="anbody">
Padding apply
</body>
</html>
Css:- The animation using padding
Reviewed by Network security
on
May 23, 2019
Rating:
No comments: