I'm attempting to add a transition effect when the DIV with the class .socialmenu is either shown or hidden. Below is the CSS code I've used, but it doesn't seem to be working:
.socialmenu {
bottom: 0;
left: 0;
right: 0;
height: 30px;
background: #333;
position: fixed;
display: none;
transition: 3s all ease;
}
You can view the complete code on JSFiddle. I'm open to using jQuery if necessary to achieve the transition effect. Any suggestions or assistance would be greatly appreciated.