Blog

【jQuery 3Dエフェクト】で動きがイケてるメールフォームを作る

flip!という良い感じのプラグインがあったので色々やってみた。

demo

設置は簡単で

 

という感じでボタンに対してイベントを付加する。
動き方には
左:rl
上:bt
下:tb
右:lr
のいずれかを代入する。

あとはエフェクト後の要素に何を入れたいか
を定義するのが
content
でありHTMLも可。

colorは背景色

サンプルのコードは以下。

JS

 

CSS

 

HTML

 

また、これを応用させてメールフォームを作ってみた。

demo

以下のようにして要素を埋め込み次のステップの関数を呼ぶというようにしている。

 

 

Author Profile

hoshino

ECのことを中心に書きたいと思います。
ネタが無いときはプログラムやデザインのことも書きます。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ