dan/ester_os
1
0
Fork 0
mirror of https://github.com/danbulant/ester_os synced 2026-06-24 17:11:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Animations for blur

Browse source
This commit is contained in:
danbulant 2020-02-16 11:46:54 +01:00
parent 29cee14fc4
commit 4d6c2956e3
1 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
client/src/renderers/styles/login.css
View file

@ -5,7 +5,26 @@
color: white; color: white;
font-family: 'robotomedium'; font-family: 'robotomedium';
font-size: 25px; font-size: 25px;
background: rgb(46, 46, 46); animation: blurBackground 1s forwards;
width: 100%; width: 100%;
height: 100%; height: 100%;
}
@keyframes blurBackground{
from {
backdrop-filter: blur(0px);
}
to {
backdrop-filter: blur(5px);
}
}
.login.inactive {
animation: deblurBackground 1s forwards;
}
@keyframes deblurBackground {
from {
backdrop-filter: blur(5px);
}
to {
backdrop-filter: blur(0px);
}
} }