I am attempting to create a basic effect using a div container shape with text. My main page background is white and I would like the shape to be filled with a semi transparent blue until the user hovers over the box at which point it transitions and the color changes. Everything is working except the css property:
background-color:rgba(50,75,255,0.5);
It is not creating any transparency, its acting as though it were an opacity property changing the overall visibility of the container. Here is a link to my code.
Link: http://codepen.io/anon/pen/emwdxg.css
