작성
·
111
1
마지막에 img태그가 트랜지션 효과가 적용되는 이유가 궁금합니다.
제가 알기로 트랜지션효과는 a에서 b로 이동하는 효과이기때문에 a지점이 반드시 같은 속성값이
코딩에 입력되있어야 적용이되는걸로 알고 있는데.
ex)top:0 -> top: 50%, traform:tranlateY(0) -> tranform:translateY(50%)
위에 값을보면 img 태그는 hover에만 tranform:tranlate가 적용되있는데 왜 트랜지션 효과가 적용되는건가요?
이거처럼 값을 적용시킨이후에 해야 트랜지션 효과가 적용되는게 아닌가요?
답변 1
0
호버를 시킬 곳에 트랜지션 길이 책 공통적으로 적용해 놓은 겁니다.
nth-child에 개별로 트랜지션을 주는 건 이미지 하나 하나에 트랜지션 값이 다르기 때문에 개별적으로 적용하기 위해서입니다.
모든 요소에 기본적으로 transform: translate(0, 0)이 기본값으로 들어 있습니다.
감사합니다