-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
css basic transfrom+transition 레퍼런스 코드 질문있어요
23.11.25 13:16 작성 23.11.25 17:02 수정 조회수 144
0
안녕하세요
쇼핑몰 레퍼런스 css 코드 104줄에 있는 .item .imgBox img는 왜 들어가있는지 알수있을까요?
transition하고 아무 상관 없지 않나요?
답변을 작성해보세요.
0
노원두
지식공유자2023.11.27
안녕하세요! nimbus님!
해당 img 박스 역시 마찬가지로, transition에 등록이 되어야지 마우스가 오버되었을때 transform에서 scale 기능(커지기)에 영향을 주게 됩니다!
따라서, 해당 104줄 코드를 주석처리하시게되면 scale이 매우 빠른 속도로 됨을 확인하실 수 있고,
104줄 코드에 등록된 transition을 2초 등으로 더 길게 수정하여 테스트해보시면 scale이 매우 느린 속도로 커지는 것을 확인해 보실 수 있겠어요!^^
답변 1