【Studio実装】CSSを使ってホバーでふわっと表示をさせてみよう
こんにちは。
今回は「ホバーでふわっと表示」です。
こちらはどちらかといえばデザイン的な要素が強いものかと思います。
見せたい情報はあえて隠さない方が良いと思うので
使いどころは見極めたい要素ですね。
私は自身のページを作る際に
表紙にプロフィールを固定で置いておくとくどいな…
と思い動的に余白を確保できる仕様にしたかった
という完全なる好みで使いました。
1. 機能実現イメージ
実装する機能はこんな感じです。
左側のパーツをマウスオーバーすると
プロフィールを書いた