인프런 커뮤니티 질문&답변

손손님의 프로필 이미지
손손

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

25.Pure CSS 콘텐츠 슬라이더 프로토타입 02 (풀스크린 탭 콘텐츠 슬라이더 응용)

transison-delay 질문입니다

작성

·

154

1

이전의 탭메뉴 컨텐츠 만들기에서는 위에서 떨어지는 heading부분을 인접/형제 선택자를 작성하신 부분에다가 transision delay 를 작성해 주셨었는데요

-----------------------------------------

input[id=tab1]:checked ~ .heading .text{

     transision-delay : .5s}

----요런 식으로요!!-----------------------

이번에는 h1에다가 기본 transision을 주시고 transison-delay도 같이 넣어주셨는데 이번 예제에서는 어느쪽에 넣어도 상관없는 걸까요? 변경해서 작성해봤는데 육안으로 느껴지는 차이는 없었습니다 ^_ㅠ...

답변 2

2

transition-delay는 어디에 있어도 작동하는 것으로 알고 있습니다.
그래서 차이점을 못느끼셨을거에요.
최초의 상태에 주시던 :checked 상태에 주시던 같을거에요.

1

손손님의 프로필 이미지
손손
질문자

네 감사합니다!

손손님의 프로필 이미지
손손

작성한 질문수

질문하기