사이트 만들기/이미지 유형3 이미지 유형 03 이미지 유형 03 이번 이미지는 큰 사진을 메인?으로 잡고 작은 이미지 4개의 구조가 있는 유형입니다. 이미지 유형 2번과 마찬가지로 사진에 마우스를 가져가 대면 제목과 설명 박스가 나옵니다. 이미지 유형 3번에는 sns 아이콘을 추가 했습니다. HTML <div class="image__inner container-fluid"> <article class="image"> <div class="image__desc"> <h3>팬케이크</h3> <p>팬케이크에대해 알아보자.</p> </div> <div class="image__sns"> <a href="#" class="link"><span class="ir">페이스북</span></a> <a href=".. 2022. 8. 20. 이미지 유형 02 이미지 유형 02 1번과 마찬가지로 이미지 않에 글자가 있으며, background biur 효과를 주었다. 마우스를 갖다대면 블라인더 효과가 올라온다. HTML <section id="imageType02" class="image__wrap section gmarket "> <h2>북극 동물들 <p>북극동물들 의 귀여움을 알아보자. <div class="image__inner container"> <article class="image img1"> <figure class="image__box"> <img src="img/imgType02_1.jpg" alt="/"> </figure> <div class="imge__desc"> <h3>북극동물 <a href="/.. 2022. 8. 17. 이미지 유형 01 이미지 유형 01 이미지안에 글자가 있는 구조이다 사진은 2개이며, 자세히 보기 박스 색깔이 다르다. HTML <section id="imageType01" class="image__wrap section NexonLv1Gothic"> <h2>레서판다 <p>레서판다의 귀여움을 알아보자. <div class="image__inner container"> <article class="image img1"> <h3 class="image__tit">레서판다가 줄 타는 모습 <p class="image__desc">레서판다가 줄타는 모습을 보십시오. 너무 귀엽지 않나요.. 귀여워서 깨물고 싶어요...너구리랑 햇갈리지 맙시다. <a class="image__btn" href="/" t.. 2022. 8. 17. 이전 1 다음