@keyframes popupA {
from {
opacity: .1;
} to {
opacity: 1;
}
}
@keyframes popupF {
from {
opacity: 1;
} to {
opacity: .1;
}
}
/* Не хочешь анимацию подсветки постов? Удали transition в блоке .highlighted{} ниже. */
.highlighted {
background: #F0C0B0;
transition: .3s;
}
.popup {
box-shadow: 0 0 8px #000;
z-index: 4;
min-width: 500px;
max-width: 950px;
}
/* Не хочешь анимацию всплывания постов? Закомменти/удали блоки .popupA{} и .popupF{} ниже. */
/* Длительность анимации можно спокойно менять. */
.popupA { animation: popupA .3s; }
.popupF { animation: popupF .3s; }