반응형

애니메이션 2

[영상제작/편집] 프리미어프로 요약 노트_3. 화면의 다양한 효과

화면의 블렌드 모드 : 화면의 다양한 효과를 확인할 수 있음 화면의 애니메이션 효과 - 화면의 포지션: 좌우 이동하여 정리, X 축값과 Y 축값을 나타내는 수치 (화면의 기준은 픽셀로 수치를 나타냄) → 옆에 리셋(초기화 버튼_주황)은 초기 설정값으로 변경 (640/360) → 좌측 타이머(빨강)를 클릭하면 애니메이션 효과를 만들수 있다.(키프레임 조정_노랑) - 화면의 확대/축소 : 좌우 이동하여 화면 크기 조정 → 좌측 타이머를 클릭하면 애니메이션 효과를 만들 수 있다.(키프레임 조정_주황) → 아래 노랑색 uniform scale이 클릭되어 있으면 초기값은 빨강만 조절 가능(즉, 가로 세로 비율에 맞춰 동시변화) → 하지만 노랑색이 클릭되어 있지 않으면 가로 세로 별도로 크기 조정이 필요함(따로 변..

[CSS] overflow/box-shadow/text-shadow/border-radius/opacity(2021-10-19)

overflow 속성의 적용 결과(규격이 정해진 경우에 한해서) 콘텐츠의 내용이 박스의 크기를 넘어가는 경우 박스의 크기 만큼만 보이고 나머지 콘텐츠는 보이지 않도록 숨길 수 있다. 박스의 크기와 콘텐츠의 내용과 상관없이 박스에 스크롤바를 생성할 때는 overflow:scroll을 선언하면 된다. 이때 만약 박스의 크기가 콘텐츠보다 클 경우 스크롤 바는 비활성화 되어 나타난다. 콘텐츠의 내용이 박스의 크기보다 많아서 박스에 자동으로 스크롤 바가 생성되도록 할 경우에 선언한다. 콘텐츠의 내용이 박스의 크기를 넘어가는 경우 박스의 크기를 무시하고 콘텐츠의 내용을 모두 보여지도록 할 때 선언, 블록요소의 기본값이기도 하다. Lorem ipsum dolor sit amet, consectetur adipisic..

IT/HTML&CSS 2021.11.24
반응형