정보실

웹학교

정보실

css 호버 위에 대화식 팝업 메뉴를 표시합니다.

본문

HTML : 

<div class="reference">
  <div class="popout-menu">
    Popout menu
  </div>
</div>



CSS : 

.reference {
  position: relative;
}
.popout-menu {
  position: absolute;
  visibility: hidden;
  left: 100%;
}
.reference:hover > .popout-menu {
  visibility: visible;
}



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 67회 ]  작성일18-08-31 23:40
css

웹학교