CSS3 transform1 css)스크롤에 따른 transform효과 browser 스크롤에 따라, 상단의 커브이미지가 변형되어 사라지는 것처럼 보이는 효과 참고한 CSS Online Tutorial 유투브 수정한 소스코드 transform_effect.html transform_effect_style.css curve.img 시각적인 효과를 고려하여 이미지 위치를 설정한다. ※ cal( ) : CSS 속성 값을 계산하는 CSS 함수 section을 브라우저 높이(100%)에서 상단으로 200px만큼 위로 설정하고, cal(100% - 200px) 이미지가 200px 높이를 갖도록 한다음에 200px만큼 위로 중첩시켜서, 마치 연속된 커브이미지가 첫 화면을 채우도록 설정한다. bottom: -200px height: 200px 예제에서는 전체 영역을 현재 브라우저 높이의 .. 2020. 6. 4. 이전 1 다음
