css3효과중에 target 이란 선택자가 있습니다.
위 사이트에서 그걸 이용해서 페이지 이동 효과를 만들었는데
이때 메뉴중 하나를 클릭하면 섹션 하나가 나오면서 메뉴색이 바뀌는데
이 바뀌는 부분 css가 이해가 안가네요
#home:target ~ #header #navigation #link-home ,
#portfolio:target ~ #header #link-portfolio ,
#about:target ~ #link-about ,
#contact:target ~ #link-contact{
transition: all .6s ease-in-out;
background: red;
color: #fff;
}
이부분 입니다.
예를들어 home이 타겟이 뒤면 뒤에 선택된것의 css를 괄호 안으로 바꾸겟다는 의미인데
저 물결의 의미가 뭘까요?
기본적으로 hover쓸때는 물결같은것 없이 그냥 #home:hover #link-home{}이런식으로 사용하던데
타겟은 조금 다른가 보네요. id선택3개중 최상단 없으면 작동안하고 이거 구글링에도 없고...
저 물결뒤 선택하는 조건이 궁금하네요
베스트금지
본인삭제금지
글쓰기