本日はバレンタインということで、チョコレートを作りました(CSS的な意味で)。今回はbox-shadowを多用して作っています。最近話題のNeomorphismもbox-shadowを使って陰影を実装できますが、その参考になるかもしれません。 See the Pen MWwaxqp by Nishihara (@Nishihara) on CodePen. 概要 矩形のブロックが基本構成なので、box-shadowを使って陰影を作りました。明るいbox-shadowと暗いbox-shadowを重ねることでハイライトと影を表現します。div要素に加え、擬似要素にもbox-shadowを使っているので、けっこう重ね掛けしています。 今回は装飾にtext-shadowも使って内エンボス加工風の文字も添えました。 45度の突き合わせ こだわったのは、角の部分です。斜め45度で突き合わせるのですが、