∴∵
元に戻す
まずはdivを2つ並べます
※わかりやすくborderだけつけてあります。
※橙にはテキストで「∴∵」の2文字を入れておきます。
ベースの色を考える
葉っぱの色は#47AC00
橙の色は#F4BF06
形を整える
border-radiusを変更して形を変えます
詳しくは
へたうま手書き風、角丸(border-radius)
を復習
影を付ける
box-shadowを使いい内側に影を付けます
※これについては後日記事を書きます。
位置を調整
position:absolute;で位置を指定する
※今は橙の気持ちになってCSSを見てみましょう