플립 시계 - 무료 온라인 사용 | FunToolX

페이지에는 시간, 분, 초의 6 자리 숫자가 표시되며, 각 숫자는 위와 아래의 절반으로 구성됩니다.숫자가 변경될 때, 상반부는 아래로 뒤집어 새로운 숫자의 상반부를 표시하고, 하반부는 뒤집어 새로운 숫자의 하반부를 표시하여 실제 기계적 페이지를 뒤집는 효과를 시뮬레이션합니다.반전 애니메이션에는 물리적 관성에 따라 가속화 및 감속 과정이 있습니다.

페이지를 뒤집는 효과는 CSS 3 D 변환을 통해 디지털 이미지를 위와 아래 반으로 나누고 rotateX 를 사용하여 페이지를 뒤집는 시뮬레이션을 회전합니다.애니메이션은 cubic - bezier 느린 동작 함수를 사용하여 중력 가속 효과를 시뮬레이션합니다.일부 버전에서는 Canvas 또는 WebGL 을 사용하여 더 미묘한 그림자와 하이라이트를 만듭니다.

데스크탑 시계 장식으로 적합하며 고전적인 페이지를 뒤집는 스타일은 간결하고 우아합니다.또한 활동 카운트다운, 회의 타이밍 등 장면에 사용되며, 페이지를 뒤집는 애니메이션은 디지털 점프보다 더 의식적인 느낌을 가지고 있습니다.

고전적인 페이지를 뒤집는 시계의 기계적 애니메이션 효과를 시뮬레이션하는 페이지를 뒤집는 시계 도구, 디지털 뒤집을 때 실제 물리적 뒤집기 애니메이션이 있습니다.