@@include('./parts/head.html', { "plugin_fa_icons": true, "plugin_mdi_icons": true, "plugin_ion_icons": true, "plugin_wi_icons": true, "plugin_rickshaw": false, "plugin_nvd3": false, "plugin_flot": false, "plugin_sparkline": false, "plugin_markitup": false, "plugin_ckeditor": false, "plugin_select2": false, "plugin_dropzone": false, "plugin_tagsinput": false, "plugin_clockpicker": false, "plugin_pikaday": false, "plugin_spectrum": false, "plugin_inputmask": false, "plugin_parsley": false, "plugin_gmaps": false, "plugin_jvectormap": false, "plugin_datatables": false, "plugin_fullcalendar": false, "plugin_simpleweather": false, "plugin_prettify": true, "plugin_animatecss": false, "plugin_wowjs": false, "plugin_photoswipe": false, "plugin_isotope": false, "plugin_videojs": false }) @@include('./parts/top-navbar.html') @@include('./parts/sidebar.html', { "page": "media-parallax", "classes": "yay-shrink yay-hide-to-small yay-gestures" })
@@include('./parts/title.html', { "title": "Parallax", "crumbs": "
  • Dashboard
  • Media
  • Parallax
    • " })
    Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.

    Usage

    <div class="parallax-container">
  <div class="parallax"><img src="assets/_con/images/image-1.jpg"></div>
</div>
    @@include('./parts/search-bar.html') @@include('./parts/chat.html') @@include('./parts/foot.html', { "copyright": true })