Custombox – jQuery Modal Window Effects with CSS3 Transitions

Custombox is a jQuery plugin for making modal windows which uses CSS3 transition for effects. Custombox is created with native JavaScript but works perfectly with jQuery. It comes with 14 built in CSS3 effects based on Codrops Modal Window effects.

Preview (FadeIn Effect)

custom-box

Usage(with jQuery)

Include jQuery (v1.7+)

<script src="//code.jquery.com/jquery-1.11.0.min.js?x92026"></script>

and then include the plugin’s js and css files:

<script src="src/jquery.custombox.js"></script>
<link rel="stylesheet" href="src/jquery.custombox.css">
</script>

Now call the plugin when the body is on load:

<script>
$(function () {
    $('#element').on('click', function ( e ) {
        $.fn.custombox( this );
        e.preventDefault();
    });
});
</script>