CODEWITHSUNDEEP
htmlcss
SearchForKnowledge
SearchForKnowledge

Reputation: 3751

How to modify css to show slider text

Multiple CSS caption animation: http://jsfiddle.net/2nnao6m6/1/

Single animation: http://jsfiddle.net/nu4paxft/

HTML:

<div id="sample3" lang="is">

        <figure>
            <img src="olafsfjordur.png" width="200" height="200" alt="Ólafsfjörður" />
            <figcaption>Ólafsfjörður</figcaption>
        </figure>

    <!--end sample3--></div>

How can I modify the multiple css animation so the slider text is the same position as the single animation.

Upvotes: 0

Views: 59

Answers (1)

Arbel
Arbel

Reputation: 30999

Very simple:

.mainHolder figure:hover figcaption {
    left: -70px;
    bottom: 40px;
}

Demo: http://jsfiddle.net/2nnao6m6/2/

Change the values if you want to position it further in or out.

Upvotes: 2

Related Questions