Scribd Logo
Upload

Welcome to Scribd!

  • HTML Flip Card 1

    Uploaded by

    laabid.morocco
    17 views1 page
    The document contains 4 divs with text overlaid on images that slide or reveal in different directions. The first div slides down to reveal text, the second slides left, and the last two slide right and left respectively to display text over background images.

    Original Description:

    documents nécessaires

    Original Title

    html flip card 1

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains 4 divs with text overlaid on images that slide or reveal in different directions. The first div slides down to reveal text, the second slides left, and the last two slide right and left respectively to display text over background images.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    17 views1 page

    HTML Flip Card 1

    Uploaded by

    laabid.morocco
    The document contains 4 divs with text overlaid on images that slide or reveal in different directions. The first div slides down to reveal text, the second slides left, and the last two slide right and left respectively to display text over background images.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 1

    <div class="reveal-text-on-image" data-text="Lorem ipsum dolor sit amet,

    consectetur adipiscing eli"


    style="background-image:url(https://web.opendrive.com/api/v1/download/file.json/
    NTlfMTM2NDExNjNf?inline=1)">
    </div>

    <div class="reveal-text-on-image slide-down" data-text="Lorem ipsum dolor sit amet,


    consectetur adipiscing elit"
    style="background-image:url(https://web.opendrive.com/api/v1/download/file.json/
    NTlfMTM5MzgyNzdf?inline=1)">
    </div>

    <div class="reveal-text-on-image slide-left" data-text="Lorem ipsum dolor sit amet,


    consectetur adipiscing elit. Cras volutpat lorem at est euismod sollicitudin.
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
    Curae" style="background-image:url(https://web.opendrive.com/api/v1/download/
    file.json/NTlfMTMzMTgyNzlf?inline=1)">
    </div>

    <div class="reveal-text-on-image slide-right" data-text="Lorem ipsum dolor sit


    amet, consectetur adipiscing elit. Cras volutpat lorem at est euismod sollicitudin.
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
    Curae"
    style="background-image:url(https://web.opendrive.com/api/v1/download/file.json/
    NTlfMTMzMzA2MjVf?inline=1)">
    </div>

    You might also like