마지막 사진 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하면 하얀 박스의 크기를 조절해서 애니메이션을 입히려고 했는데 좀 어려운 것 같습니다.,.
