Mirrors/rust-search-extension
2
0
Fork 0
mirror of https://github.com/huhu/rust-search-extension synced 2024-11-14 15:47:12 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add debounce animation for explore more button

Browse source
This commit is contained in:
Folyd 2022-11-27 16:04:12 +08:00
parent 060626d39d
commit 5b878300aa
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
docs/sass/index.scss
View file

@ -95,4 +95,13 @@
.explore-more, .demonstration-gif { .explore-more, .demonstration-gif {
display: none; display: none;
} }
}
.bounce {
animation: bounce 2s ease infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
} }

2
docs/templates/index.html vendored
View file

@ -61,7 +61,7 @@
</section> </section>
<img class="demonstration-gif" src="{{ get_url(path="demonstration.gif") }}" alt="demonstration-gif"> <img class="demonstration-gif" src="{{ get_url(path="demonstration.gif") }}" alt="demonstration-gif">
<div class="explore-more text" <div class="explore-more text bounce"
onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})"> onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})">
Explore More ⇩ Explore More ⇩
</div> </div>