Dialog with CSS animation
Animations are added with simple CSS transitions, you can make them look however you wish.
Dialog example
This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.
1
2
3
4
5
6
7
|
<a class="mt-xs mb-xs mr-xs popup-with-zoom-anim btn btn-primary" href="#small-dialog">Open with fade-zoom animation</a>
<a class="mt-xs mb-xs popup-with-move-anim btn btn-primary" href="#small-dialog">Open with fade-slide animation</a>
<!-- Dialog -->
<div id="small-dialog" class="dialog dialog-sm zoom-anim-dialog mfp-hide">
<h1>Dialog example</h1>
<p>This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.</p>
</div>
|