Added notification animation
commit13661d34142c608ed832ea9729b927e582bf2190
authoriko <ilyakooo0@gmail.com>
dateSat 6 Aug 2022, 12:39 (4 years ago)
parent79d2af4
style.css+14
@@ -21,12 +21,26 @@ nav.p-tabs__list {
2121 transform: rotate(90deg);
2222}
2323
24+@keyframes floating-notification-animation {
25+ from {
26+ transform: translateY(-60px) ;
27+ opacity: 0
28+ }
29+
30+ to {
31+ transform: none;
32+ opacity: 1
33+ }
34+}
35+
2436.floating-notifications {
2537 position: fixed;
2638 top: 1rem;
2739 right: 1rem;
2840 left: 1rem;
2941 z-index: 9999;
42+ animation-duration: 0.5s;
43+ animation-name: floating-notification-animation;
3044}
3145
3246.simple-flex-center {