Animations for blur

This commit is contained in:
danbulant 2020-02-16 11:46:54 +01:00
parent 29cee14fc4
commit 4d6c2956e3

View file

@ -5,7 +5,26 @@
color: white;
font-family: 'robotomedium';
font-size: 25px;
background: rgb(46, 46, 46);
animation: blurBackground 1s forwards;
width: 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);
}
}