I've been experimenting with different modal effects for a modal popup, following the examples on this site: https://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/
Here is my code snippet:
<div class="md-modal md-effect-1" id="modal-1"> <div class="md-content"> <asp:Panel ID="pnlComment" runat="server" Width="550px" Height="450px" Style="display: none;"> // Code continues here... <p>This is their sample code snippet:</p> <pre><code><div class="md-modal md-effect-1" id="modal-1"> <div class="md-content"> <h3>Modal Dialog</h3> <div> // Sample code continues here... <p>The CSS for this effect is as follows:</p> <pre><code>/* Effect 1: Fade in and scale up */ .md-effect-1 .md-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-1 .md-content { // More CSS properties... <p>However, I'm unsure if I'm applying it correctly or how to use this specific line of code: <code><div class="md-overlay"></div>Any guidance or assistance on this matter would be highly appreciated!