Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-05-20 18:34:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Animations 👀

Browse source
This commit is contained in:
Michał Gdula 2022-08-02 19:16:18 +01:00
parent a52f2c3da7
commit d003fbdf1e
4 changed files with 34 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
scripts/alert.js
View file

@ -1,5 +1,10 @@
let alertClose = document.querySelectorAll(".alert");
function closeAlert(aaaa) {
aaaa.closest(".alert").style.display="none";
function closeAlert(gone) {
gone.closest(".alert").style.transform="translateY(-10rem) scale(0.8)";
gone.closest(".alert").style.opacity="0";
setTimeout(function(){
gone.closest(".alert").style.display="none";
}, 200);
};

7
scripts/flyout.js
View file

@ -14,6 +14,11 @@ $(document).ready(function() {
hide.addEventListener("click", function(){
document.querySelector(".flyout").style.transform= "translateX(-50%) scale(0.8)";
document.querySelector(".flyout").style.bottom= "-20rem";
document.querySelector(".flyout-dim").style.display= "none";
document.querySelector(".flyout-dim").style.opacity= "0";
setTimeout(function(){
document.querySelector(".flyout-dim").style.display= "none";
}, 600);
});
});