Css:- The animation using padding

The animation can be set using padding element inside the keyframes.
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 Css:- The animation using padding Reviewed by Network security on May 23, 2019 Rating: 5

No comments:

Useful Information

Powered by Blogger.