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

画像を使わずにカーブのかかった吹き出しを実現する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 ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)