How to: CSS3 animated Popup bubble and text Fade in effect with Angularjs
<p>I have developed a CSS 3 animated popup bubble that will pop up above and enlarge. Once the pop up animation gets over, a text that is bound to <code>$scope</code> will get displayed with a fade-in effect. It uses <em>Angular Animate</em> API.</p>

<p>I am sharing it here so that the code can help out people who are searching for a similar solution. The code will work on Chrome. As for other browsers, I have not tested it.</p>