Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

「ホバー / クリック ➜ 注釈」できました

シンプルな" ホバー注釈"を"吹き出し風" にアレンジしてみました?

先の「SitePoint」さんを参考に作ってみました?

See the Pen mEVXdp by Kazuma Tojo (@Kazumax) on CodePen.

 
 テキストの長さ・改行に応じて、背景の幅や高さも調整される様にするのに手こずりました::(っ`ω´c)::?w 
 

f:id:DDramonQ:20160610223708j:plain

f:id:DDramonQ:20160610223712j:plain

 

This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️