Blog

ちょっとかっこいいサイトのMENUを再現してみました

2016.08.30Cat:css3 jQuery デザイナー
nino-eye

MONO AIR | トンボ鉛筆

MONO AIRのMENUの出し方が、
ちょっとしたことですが、かっこいいと思ったので、
再現してみました。

少しだけ拡大されながらフェードで出てくるという、仕組み自体は簡単なものです。

↓MENUを再現してみたもの
DEMO

方法

画面いっぱいのメニューを準備しておいて、
開く前はtransformのscaleを0.9くらいにしておいて、
開いた後でscaleを1にすることで、再現できました。

HTML

CSS

jQuery

 

使う機会があったら、使ってみたいです。

Author Profile

ninomiya
ninomiya
Webデザイナー兼コーダーです。 イラストを描くのも好きです。 SVGとCanvasを使ったWEBアプリにも興味があります。 よろしくお願いいたします。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ