mirror of
https://github.com/danbulant/ester_os
synced 2026-06-15 20:31:17 +00:00
Animations for blur
This commit is contained in:
parent
29cee14fc4
commit
4d6c2956e3
1 changed files with 20 additions and 1 deletions
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue