@media all and (max-width:767px) { #fadesection:before { content:""; position:absolute; top:0;left:0; width:100%;height:100%; background-color:rgba(0,0,0,0.35); transition: opacity 0.9s ease; -webkit-transition: opacity 0.9s ease; -moz-transition: opacity 0.9s ease; -o-transition: opacity 0.9s ease; opacity:0; } #fadesection:hover:before, #fadesection:active:before { opacity:1; } }