Blog

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

2016.08.30Cat:css3 jQuery デザイナー

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カート

Archive

ページTOPへ