Horizontal scroll cards


Material Design inspired image cards set in a side scroller. When hovering over the side scroller and scrolling up/down, the side scroller will move left/right. Each card has its own link as well. Use the blockScrolling option to prevent the page from scrolling up/down when the side to side motion is complete. edit

Add to your website

looks_onePaste the AnyMod script inside your HTML's <head> section.

looks_twoPaste the mod tag anywhere you want this mod to show.

    <title>Horizontal scroll cards</title>

    <!-- AnyMod -->
    <script id="AnyMod-script">
      (function (m,o,d,u,l,a,r,i,z,e) {
        u[m]={Project:o,rq:[],Opts:r,ready:function(j){u[m].rq.push(j)}};function j(s){return encodeURIComponent(btoa(s))};z=l.getElementById(m+'-'+a);r=u.location;
      })('AnyMod','library','https://cdn.anymod.com/v2',window,document,'script',{ toolkit: true, tips: true, priority: 3 });
    <!-- /AnyMod -->


    <!-- Horizontal scroll cards -->
    <div id="anymod-annbb"></div>

Download HTML file