대변 회전 CSS 개발 성공했습니다. 이 글의 후속 내용.

모티프

지난번 CSS에서 대변을 자유롭게 회전시킬 수 있는 능력을 얻었기 때문에 그걸 활용해서 뭐라도 해보려고 했죠.
그래서 나는 대변 CSS로 시뮬레이션 시계와 비슷한 것을 만들어 보기로 했다.

설치 내용

원본 코드가 길어서github를 사용하고 싶습니다.
→ 당신에게 드립니다github
그림으로 보면 배가 빠르기 때문에 붙인다.

여기.에 HTML이 올라왔다.

힘든 곳

수정침이 중심에서 약간 벗어나는 것은 매우 어렵다.

설명

인코딩의 대부분은 CSS입니다.
이론적으로 CSS는 바늘, 판, 벽지, 메모리, 시계추를 정의했다
absolute로 그걸 설정할 거예요.
동작은javascript로 1초 1회 타이머로 시간을 얻고, 얻은 시간부터 각 바늘의 각도를 계산하며transform:rotate(각도)를 넣어 이런 동작을 조정한다.
수치의 업데이트를 더욱 활발하게 하고 싶지만 vue와react는 그 용도에 있어서 너무 과장된 것 같아서 knockoutjs를 사용했습니다.

덤

브라우저의 의존으로 인해 운모의 글씨체가 크게 다르기 때문에 브라우저에 따라 표시 방식도 크게 다르다.열거하다.

안드로이드 스마트폰

하얀 이가 좋아요.약간 오래된 안드로이드.
좀 뜨거운 대변인 것 같아서 생략하겠습니다.

Firefox

유행하고 귀여워요.

IE 11

어?

총결산

IE11을 가장 싫어하는 이유가 하나 더 늘었다.
이상