[javaScript] counting flip animation

달력이나 시계가 카운트 되면서 자동으로 넘어가는 자바스크립트 애니메이션

 

 

레퍼런스 (핀터레스트)

https://www.pinterest.co.kr/pin/1047016613354267908/

A Flip Clock Flips Quickly Stock Footage Video [Video] | Clock, Instagram story ads, Facebook create

 

 

 

codepen에서 찾은 javascript animation 소스

https://codepen.io/ademilter/pen/nazxPX

Countdown Clock

 

 

 

풀어서 설명하는 velog

 

1. 라이브러리 없이 Vanilla CSS 만으로 플립 시계 카운터 (Flip Counter) 만들기

https://velog.io/@medistream/%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%EC%97%86%EC%9D%B4-Vanilla-CSS-%EB%A7%8C%EC%9C%BC%EB%A1%9C-%ED%94%8C%EB%A6%BD-%EC%B9%B4%EC%9A%B4%ED%84%B0-Flip-Counter-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0

라이브러리 없이 Vanilla CSS 만으로 플립 시계 카운터 (Flip Counter) 만들기

 

2. 플립 시계 만들기 with JS (2020)

https://velog.io/@oneook/%ED%94%8C%EB%A6%BD-%EC%8B%9C%EA%B3%84-%EB%A7%8C%EB%93%A4%EA%B8%B0-with-JS-Split-Flap-Project

플립 시계 만들기 with JS (2020)

 

 

 

플러그인

1. flip.js

https://www.cssscript.com/demo/flip-clock-countdown-counter/

Flip.js Flip Clock Example

 

 

https://www.jqueryscript.net/blog/best-flip-clock-countdown.html

7 Best Flip Clock Style Countdown Plugins In JavaScript (2023 Update) | jQuery Script