画像を使わずにカーブのかかった吹き出しを実現するCSSデザイン Comic Sans Criminal

PR

Comic Sans Criminal
By Jesse Shawl

http://codepen.io/jshawl/pen/LrIkp

CSSだけでコミック風の吹き出しを作った例です
一般的な鋭利な三角形の吹き出しではなく、カーブが掛かったデザインになっています

吹き出しの飛び出ているところは背景で、その周りbox-shadowでbodyの背景色と同化することで、丸みをカーブを与えています。

 

色を変えて見てみると

WS001832

カーブはborder-radiusを使って作られていることがわかりますね

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー