今回のお題は、 5つの画像で五角柱を組み立てて、 水平に回してみよう （サンプル1⁠）⁠。五角柱にマウスポインタを重ねれば、 回転は止まる。ずっと回し続けるために、 アニメーションにはanimationプロパティを使った。といっても、 設定そのものは ...

今回は、 動きそのものはあまり凝りようのないトグルスイッチがお題だ （サンプル1⁠）⁠。とはいえ、 視覚的な表現に細かい工夫がある。 「⁠switch」 のデザインと表現スイッチとして表示するをもとに、 HTMLとCSSの組み立てはわかりやすく改めた。

こんにちは〜今日から新しいセクションに入ります。CSSの装飾系のプロパティについて学習します。 上の画像のようなボタンを作りながら、装飾系のCSSについて学習していきますよ〜 そしたら、VScodeで新しいファイルを作成します。新規でbuttonという ...