/* 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;} }