CSS 기능 지원이 제한적일 때에는 Javascript 또는 jQuery 스크립트를 통해 애니메이션 효과를 줬었지만 CSS 기능 지원이 많아지면서 이제는 간편하게 사용하면서도 지원하는 CSS 가 많아졌다. 직접 CSS 로 구현해도 되지만 가장 많이 사용하는 애니메이션은 클래스로 간단하게 사용할 수 있는 서비스가 있어서 소개하고자 합니다.ANIMATE.CSSAnimate.css 여러가지 움직이는 효과의 라이브러리를 간단한 클래스 이름만 추가하여 사용하기 간편하게 만든 서비스이다. 공식 사이트 : https://animate.style/ 에 접속하면 우측 ...
2025.05.07
7회 읽음
Animate CSS 애니메이션
유튜브에서 영상을 공유하기를 이용하여 태그로 가져오게 되면 사이즈가 지정되어 가져오게 됩니다. 데스크 탑 전용 사이트라면 상관이 없지만 모바일 및 테블릿에서 접속하게 되면 화면 좌우에 스크롤이 생기면서 디자인이 깨지기도 하고 영상 부분만 크게 차지하는 경우가 있습니다.이런 경우에는 기존 태그에 새로운 태그를 추가하여 처리하는 방법이 있습니다.저 같은 경우는 먼저 스타일을 추가하고 PHP 에서 내용을 치환하여 처리하고 있습니다..video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; ...
2025.05.05
10회 읽음
CSS 반응형 유튜브영상리사이즈 video-wrap
