26 replies

CSS how did he do that?

Hello
I am wondering how did he do the next and prev buttons to the side of the image?
The site is responsive. He used CSS only.
The html code is:

<div class="banner">
        <div class="slider">
            <img src="imgs/0.jpg" alt="">
            <img src="imgs/1.jpg" alt="">
            <img src="imgs/2.jpg" alt="">
        </div>
        <div class="arrows">
            <button id="prev"><</button>
            <button id="next">></button>
        </div>
    </div>

<div class="banner">
        <div class="slider">
            <img src="imgs/0.jpg" alt="">
            <img src="imgs/1.jpg" alt="">
            <img src="imgs/2.jpg" alt="">
        </div>
        <div class="arrows">
            <button id="prev"><</button>
            <button id="next">></button>
        </div>
    </div>

KP-C

Kevin Powell - Community•15mo ago•

26 replies

lanszelot

CSS how did he do that?

Hello
I am wondering how did he do the next and prev buttons to the side of the image?
The site is responsive. He used CSS only.
The html code is:

<div class="banner">
        <div class="slider">
            <img src="imgs/0.jpg" alt="">
            <img src="imgs/1.jpg" alt="">
            <img src="imgs/2.jpg" alt="">
        </div>
        <div class="arrows">
            <button id="prev"><</button>
            <button id="next">></button>
        </div>
    </div>

<div class="banner">
        <div class="slider">
            <img src="imgs/0.jpg" alt="">
            <img src="imgs/1.jpg" alt="">
            <img src="imgs/2.jpg" alt="">
        </div>
        <div class="arrows">
            <button id="prev"><</button>
            <button id="next">></button>
        </div>
    </div>

CSS how did he do that?

Similar Threads

CSS how did he do that?

Similar Threads

Similar Threads

Similar Threads