• GIZMODO
  • FUZE
  • DIGIDAY
  • gene
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • roomie
  • machi-ya
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきち  - ,  07:00 AM

動きのあるサイトを作るときに! フォームを3D回転させられるjQueryプラグイン「TURNBOX.js」

動きのあるサイトを作るときに! フォームを3D回転させられるjQueryプラグイン「TURNBOX.js」

140809_th.jpg


TURNBOX.js」はフォームをクルっと3D回転させられるjQueryプラグインです。クリックした要素を回転させて別の内容を表示させることができます。CSS3を使って回転させているので動作がサクサクして快適です。

以下に使ってみた様子を載せておきます。


まずTURNBOX.jsへアクセスしましょう。様々なデモ用の要素が用意されています。


140809_th2.jpg


画像だと分かりづらいですが、フォームがクルっと回転しています。OKボタンを押したり、再度フォームをクリックすると元に戻るしかけです。jQueryのプラグインとして導入することができますよ。CSS3で回転させているため、スマートフォンでの動作も快適です。ぜひ一度デモページでその動きを確かめてみてください。


TURNBOX.js

(カメきち)

  • ,,,,, - By

    香川博人

    LIKE

    2020年に向けて進むキャッシュレス化。 企業にとっての「電子決済」のメリットとは?

    Sponsored

    2020年に向けて進むキャッシュレス化。 企業にとっての「電子決済」のメリットとは?

    2020年に向けて進むキャッシュレス化。 企業にとっての「電子決済」のメリットとは?

    先日、政府は2017年度から公共料金や備品経費の支払いを全面的に電子決済にすることで、30億円の人件費削減が期待できるという発表をしました。 電子マネーやクレジットカード、ネットバンキングの普及により、私たちは現金だけではなく、時間と手間のかからない電子決済を活用する機会が増えていますが、それは企業や法人にとっても大きなメリットがあるようです。 そこで今回、現金決済から電子決済へとキャッシュレス  05:00 PM

MORE FROM LIFEHACKER

powered by
    
    
    
  

lifehacker

Recommended

© mediagene Inc.