sub menu / hover 했을 경우 제자리에 btn 만들기

Question

Electrician

bolt

Electrician

HOME
ABOUT
SERVICE
BLOG
CONTACT

body { color: #333; font-size: 16px; font-weight: 400; line-height: 1.4; font-family: 'Electrolize', 'Noto Sans KR', sans-serif; } img { display: block; } a { text-decoration: none; color: #333; } .inner { width: 1100px; margin: 0 auto; position: relative; } /* HEADER */ .header { width: 100%; background-color: lightblue; } .header > .inner { height: 150px; } .header .logo-title { display: flex; align-items: center; position: absolute; top: 20px; } .header .logo-title h1 { font-size: 23px; font-weight: 600; } .header .header-sub-menu ul.list { font-family: Arial, sans-serif; display: flex; position: absolute; top: 25px; right: 0; } .header .header-sub-menu .list li { margin-left: 70px; } .header .header-sub-menu .list li:first-child { margin-left: 0; } .header .header-sub-menu .list li:hover { display: flex; justify-content: center; align-items: center; width: 90px; height: 30px; background-color: aliceblue; border-radius: 20px; transition: .2s; } https://www.free-css.com/free-css-templates/page294/electrochip 처럼sub menu list에 hover 했을경우 제자리게 box가 나타날수있게끔 하고싶은데hover를 하게 되면 자리가 이동되면서 움직이게되네요혹시 ul li로 제자리에 hover 하는 방법이 있을까요?

sub menu / hover 했을 경우 제자리에 btn 만들기

0개의 답변

Q&A 목록