Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-06-29 21:06:16 +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

BIN
css/.master.css.swp
View file

Binary file not shown.

22
css/master.css
View file

@ -194,6 +194,7 @@ body {
-=-=-= IMAGE FULLSCREEN =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- -=-=-= IMAGE FULLSCREEN =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/ */
.image-container { .image-container {
padding: 0.5rem;
width: calc(100vw - var(--space-medium)); width: calc(100vw - var(--space-medium));
max-height: 69vh; height: auto; max-height: 69vh; height: auto;
@ -345,10 +346,11 @@ body {
outline: 0.5rem solid var(--bg); outline: 0.5rem solid var(--bg);
transition: transform 0.15s cubic-bezier(.19,1,.22,1); transition: transform 1s cubic-bezier(.19,1,.22,1), opacity 0.2s cubic-bezier(.19,1,.22,1);
} }
.alert:hover { .alert:hover {
transform: scale(1.05); transform: scale(1.05);
cursor: pointer;
} }
.alert-high { .alert-high {
@ -399,6 +401,22 @@ a.btn {
text-align: center; text-align: center;
} }
.btn:where(input[type="file"])::file-selector-button {
margin: -0.5rem 0.5rem -0.5rem -0.5rem;
padding: 0.5rem;
display: inline-block;
font-size: 16px;
text-decoration: none;
background-color: var(--white);
border: none;
border-radius: var(--rad);
}
/* /*
-=-=-= FLYOUT =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- -=-=-= FLYOUT =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/ */
@ -440,6 +458,8 @@ a.btn {
background: #15151588; background: #15151588;
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
transition: opacity 2s cubic-bezier(.19,1,.22,1);
} }
/* /*

9
scripts/alert.js
View file

@ -1,5 +1,10 @@
let alertClose = document.querySelectorAll(".alert"); let alertClose = document.querySelectorAll(".alert");
function closeAlert(aaaa) { function closeAlert(gone) {
aaaa.closest(".alert").style.display="none"; 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(){ hide.addEventListener("click", function(){
document.querySelector(".flyout").style.transform= "translateX(-50%) scale(0.8)"; document.querySelector(".flyout").style.transform= "translateX(-50%) scale(0.8)";
document.querySelector(".flyout").style.bottom= "-20rem"; 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);
}); });
}); });