Skip to content

Instantly share code, notes, and snippets.

@Rameshwar-ghodke

Rameshwar-ghodke/Apply Text fade in fade out continuously using css

Created February 17, 2021 04:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Rameshwar-ghodke/35db8cebd7ceb53d48702bc9faba2d10 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Rameshwar-ghodke/35db8cebd7ceb53d48702bc9faba2d10 to your computer and use it in GitHub Desktop.
Download ZIP
Apply Text fade in fade out continuously using css
Raw
Apply Text fade in fade out continuously using css
// HTML
<div class="col-md-3 col-lg-2 col-xl-2 col-sm-4 my-auto safe_village">
<a href='#'>Safe Villages</a>
</div>
// CSS
@-webkit-keyframes fade-in{
from{ opacity:1; top:0px; }
to{opacity:0; top:-5px; }
}
.safe_village{display:inline; width:100px; height:100px;}
.safe_village>a{display:inline; position:relative; top:0px; -webkit-animation:fade-in 1s infinite; /* -webkit-animation-delay:0.5s; */ }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment