Advertisment

CSS Animation Slide From Bottom


This type of css help you to make a single one time effect. If you want your website name came from bottom by sliding 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-bottom to header-Logo. Go to your wordpress or blogger and include aditional css.

CSS Section:
.lh-bottom{
     position:relative;
     animation:animatebottom 0.4s;
}
@keyframes animatebottom{
    from{bottom:-300px;opacity:0} 
    to{bottom:0;opacity:1}
}

HTML Section:
<div class="lh-bottom">
  <h1>Meity.org Animation !</h1>
  <p>CSS Animation Preview </p>
</div>

Post a Comment

Leave with comments

Previous Post Next Post

Advertisement

Advertisement