Portfolio 실습 1 : Landing Page

[박찬우]

마지막 사진 4개 부분에서 막혔는데요
저번 신발에 애니메이션 입힌 것처럼 포지션을 주니 사진이 한곳에 합쳐지더군요

그래서 float를 써봤는데 위아래 사진에 틈이 생기구요

<div class="fourth-container">
        <div class="fourth-items">
            <div class="fourth-cover">
                < img src="img/portfolio-1.jpg">
                <h3 class="fourth-title"></h3>
                <p class="fourth-para"></p>
            </div>
        </div>
        <div class="fourth-items">
            <div >
                < img src="img/portfolio-2.jpg">
                <h3 class="fourth-title"></h3>
                <p class="fourth-para"></p>
            </div>
        </div>
        <div class="fourth-items">
            <div>
                < img src="img/portfolio-3.jpg">
                <h3 class="fourth-title"></h3>
                <p class="fourth-para"></p>
            </div>
        </div>
        <div class="fourth-items">
            <div>
                < img src="img/portfolio-4.jpg">
                <h3 class="fourth-title"></h3>
                <p class="fourth-para"></p>
            </div>
        </div>

    </div>

이런 구성으로 해서 각 사진에 박스를 입히고 그 박스에 hover하면 하얀 박스의 크기를 조절해서 애니메이션을 입히려고 했는데 좀 어려운 것 같습니다.,.

[codingapple]

틈은 마진같은거 조절해봅시다 이미지 위에 흰테두리 박스 얹는게 가장 쉬울수도요

[글쓴이]

글