【CSS】ホワイトデーまであと少し！というわけで『明治ミルクチョコレート』をCSSのみで作ってみた

手作りチョコレートは作れないけど、手作りCSSチョコレートは作れました。 まず最初にごめんなさいしなきゃいけないんですが、実を言うとこれ、バレンタインの日にネタで作ったものです。ブログに載せるのをすっかり忘れていたので、ホワイトデー用ということにしておきます…

さて、CSSチョコの作成にあたって参考にしたのは、ここらへんの画像です。 四角がメインなので、難易度は低そうですね。

PureCSSチョコレート

完成まで2時間近く掛かったんですが、全体的なレイアウトはすぐに終わり、作業のほとんどは微調整でした。画像から色を抽出したので、割と美味しそうに見えます…IE8以前だと酷いことになりそうですが。

最後に、需要は無いと思いますがソースも載せておきます。

チョコレートソース

ちなみに今年、@LeoTiger_7は1つもチョコを貰えませんでした。悲しいです。バレンタインなんて糞イベは消えて欲しいですね。