У меня вопрос, появилась потребность сделать уведомления кастомным а точнее, мне нужно чтоб оно появлялось в правом нижнем углу и по истечению 5 секунд плавно исчезло.
Написал вот такой css для него:
‘’’
.custom-notification {
.v-Notification-caption{
color: white;
}
border: 2px solid white;
color: white;
border-radius: 25px;
opacity: 1;
animation: fadeOut 2s 3s forwards;
}
‘’’
‘’’
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
display: none;
}
}
‘’’
По итогу вроде все работает, но есть проблема видимо срабатывает дефолтный css еще и когда окошко исчезло то на какой то момент есть промаргивание дефолтного окна. Есть ли выход из этой ситуации?