활용해 볼 CSS 속성

김해김씨가오리·2022년 12월 6일
0

TRIAL_AND_ERROR

목록 보기
2/3

원하는 속성만 transition 주기

transition: background-color 2s;

원하는 속성만 따로 transition효과를 줄 수 있음

비디오, 이미지 등 크기 채우기

#motion .inner .adlist ul li .mainad {
  height: 720px;
  object-fit: fill;
  width: 100%;

img video 등 고유 크기를 갖는 요소들의 크기 지정 후
object-fit : fill; 속성을 주면, 그 크기에 맞게 요소 채우기 가능.

동영상 썸네일(첫 화면)

<video preload="metadata">

영상의 첫 화면이 썸네일 형식으로 표현.

오늘은 여기까지 : )

profile
그냥 기록용!!!

0개의 댓글