なるべくCSSだけでアナログ時計を作る | q-AzCSS だけでアナログ時計を作ってみます。ただ CSS だけではどうしてもできないことがあるので、その部分は JavaScript にやってもらい、なるべく CSS だけでアナログ時計を作ります。 まずは CSS だけでできる範囲で最終的には JavaScript に頼りますが、まずは CSS だけでどこまで出来るのか作ってみます。 HTML<div id="clock"> <div id="hour-hand"></div> <div id="minute-hand"></div> <div id="second-hand"></div> </div>上から、時針、分針、秒針です。 /* 時計本体 */ #clock { height: 700px; /* 高さは固定 */ margin: 40px auto; max-width: 700px; /* 幅のレスポンシブ対応 */ pos
