Responsive Ad Slot

CSS Spin Animation

Sunday, January 16, 2022

/ by Admin

CSS Spin Animation


This type of css help you to make a single one time effect. If you want your website Logo or Text always spin when your webpage will open. Just find out what is the class name of your site header and Change into the given code. For Example suppose your website header give as header-Logo just replace with lh-spin to header-Logo. Go to your wordpress or blogger and include aditional css.

CSS Section:
.lh-spin{
animation:lh-spin 2s infinite linear;
     }
@keyframes lh-spin{
0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
 }
 
HTML Section:
<div class="lh-spin">
  <h1>Meity.org Animation !</h1>
  <p>CSS Animation Preview </p>
</div>

No comments

Post a Comment

Leave with comments

Don't Miss
© all rights reserved
made with by templateszoo