일본의 웹사이트를 보다가 멋진 시계 형태의 사이트를 보고 비슷한 디자인으로 시계 만들기를 시도해 보았다.

모바일에서의 초의 위치를 데스크탑 화면과는 좀 다르게 조정했다.


노란색 원은 시간, 하늘색 원은 분, 빨간 막대기는 초를 나타낸다.

그리고 마우스를 시계위에 올리면 디지털 시계가 표시된다.



00:00
댓글
  • 프로필사진 땀똔 와~ 신박하네요~!!
    사이드 바나 페이지 끄트머리 어디쯤에 놓으면 딱 좋겠습니다~ @.@
    2018.05.18 22:45 신고
  • 프로필사진 SONYLOVE 오래전에 해보다가 잘 안되서 몇번 포기했다가 이번에 다시 한번 해보았어요.
    시계의 크기를 작게 조정해서 배치하거나 배경으로 사용해도 좋을듯 해요. ^_^
    2018.05.19 02:07 신고
  • 프로필사진 묘한오빠 사이드바에 살짝 얹어 놓으면 좋겠네요 ^^ 2018.05.21 09:05 신고
  • 프로필사진 SONYLOVE 사이드바가 아래에 있다보니 배경에 깔아서 사용해도 좋을듯 해요.
    근데 로딩만 부하시킬 것 같아서 이곳에서 사용하기에는 어려울듯 하기도 하고요.
    2018.05.21 11:35 신고
  • 프로필사진 J uu 오 신기하네요 ㅋㅋㅋ 굿 bb 2018.05.21 15:01 신고
  • 프로필사진 SONYLOVE 웹용 시계를 좋아해서 이것 저것 해보고 있어요. ^_^
    좋게 봐주시니 감사합니다.
    2018.05.22 22:37 신고
  • 프로필사진 빈스탁 우와~~ 블로그가 참 멋집니다.
    시계도 너무 예쁘고.. 저도 실력 쌓아 만들어보고 싶네요.^^
    종종 공부하러 오겠습니다~
    2018.05.30 09:25 신고
  • 프로필사진 SONYLOVE 들러주셔서 감사해요.
    근데 공부하시는데 도움이 될만한 글이 별로 없어서 죄송합니다.
    빈스탁님도 티스토리와 함께 즐거운 블로그 되시길 ..
    2018.05.30 13:36 신고
댓글쓰기 폼