36 строки
720 B
CSS
36 строки
720 B
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
#alertContainer {
|
|
opacity: 0;
|
|
}
|
|
|
|
#alertContainer[noanimation] {
|
|
opacity: 1;
|
|
}
|
|
|
|
#alertContainer[fade-in] {
|
|
animation-timing-function: ease-out;
|
|
animation-duration: 2s;
|
|
animation-fill-mode: both;
|
|
animation-name: fade-in;
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
from {opacity: 0;}
|
|
to {opacity: 1;}
|
|
}
|
|
|
|
#alertContainer[fade-out] {
|
|
animation-timing-function: ease-in;
|
|
animation-duration: 2s;
|
|
animation-fill-mode: both;
|
|
animation-name: fade-out;
|
|
}
|
|
|
|
@keyframes fade-out {
|
|
from {opacity: 1;}
|
|
to {opacity: 0;}
|
|
}
|