2017年9月20日
今日の朝活（CSSで歪んだ円＋ブレンドモード＋アニメーション）
おはようございます。
湘南・茅ヶ崎のホームページ制作会社 VIVIBOND（ヴィヴィボンド）のミナベ（@desco_dayo）です。
よく見かけるCSSの実装をしてみます。
◆四角形の角をデザインしてみる
◆円を歪ませて更に少しだけ重ねてみる
おはようございます。茅ヶ崎は空気が澄んで爽やかな朝です。富士山もはっきりと見えて清々しいです。
こんにちは。今日は天気がいいからサザンビーチのカフェで江の島と烏帽子岩を眺めながらランチでもどうでしょう？
こんばんは。今夜はよく働いたから茅ヶ崎駅北口エメロードのホップマンでクラフトビールを堪能しちゃおうかな！
今回参考にさせていただいた元記事
今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦！
感想
コンテンツ内でちょっとアクセントをつけたいときに便利な実装ですね。
歪ませて少し重ねた描写で要素を横並びにさせるのに「display: flex;」を使っていますが、このCSSすごく便利ですね！
