hover1 CSS hover 효과를 이용한 심플 가로 메뉴 만들기 심플하고 깔끔한 가로 메뉴 만들기 CSS로 심플하고 깔끔한 가로 메뉴를 만들어 보도록 하겠습니다. 또한 hover 등을 이용하여 간단한 효과를 주도록 하겠습니다. 먼저 예제의 결과는 아래와 같습니다. ●이런아이티 ●이런육아 ●이런여행 ●이런맛집 ●이런책 ●이런말 HTML 부분은 div 안에 ul 안에 li로 구성 됩니다. 이런아이티 이런육아 이런여행 이런맛집 이런책 이런말말말 다음은 CSS인 style 부분입니다. 메뉴의 모습은 아래와 같습니다. 그리고 마우스를 올리면 다음과 같이 해당 메뉴의 바탕색이 천천히 변경 됩니다. 조금 임팩트를 주길 원한다면 /*-ms-transform:rotate(10deg);*/ /*-webkit-transform:rotate(10deg);*/ /*transform:rota.. 2018. 4. 6. 이전 1 다음