트랜지션 효과 웹 페이지에서 자주 쓰이는 효과입니다 ☺️ reset 부분은 기존에 했던 마우스 효과와 동일합니다. 자, 그럼 두개재~ CSS .slider:nth-child()는 해당 슬라이드를 선택하게 합니다. before는 해당 요소 앞에 가상 요소를 생성하고, 내용을 추가해줍니다. content 속성을 사용하여 각 슬라이드에 대한 캡션을 지정합니다. content CSS 속성 중 하나로 요소의 콘텐츠를 정의하는데 사용 됩니다. 일반적으로 before와 after의 가상 요소에서 사용합니다! z-index가 의미하는 것은 각 슬라이드에 대한 쌓임 순서입니다. 이 이펙트에서는 이미지를 겹쳐놓는 것이 포인트입니다! 이 값이 높을 수록 슬라이드는 상위에 표시되게 되며 슬라이드가 순서대로 보이도록 조정하는데..
