html css js

2. 상세 내용

카카오톡에 요즘 상단에 뜨는 방식인데

 전체가로 650px 

가로 세로 600px 150px 로 가정한다면

직사각형 박스에 작동버튼을 눌러주면 오른쪽에 왼쪽으로 영상 이미지가 덮으면서 슬라이드로 이동합니다 끝까지
그리고 원래 박스 크기에 닿으면 양옆의 여백까지 채우면서 가로세로가 화면 끝까지 확장되고, 그다음 아래로 원래크기의 약2.5배정도 커져요.

그리고 영상이 재생됩니다. 그리고 다시 엑스 버튼을 누르면 첫번째 과정을 거꾸로 모션을 보여줍니다. 

이거 어떻게 만드는건가요?

3. 확인 가능한 상세 페이지 주소

확인이 안됩니다.

4. 수정한 코드 내역 (있다면)