@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; }