Bounce: Cara Cepat Membuat Animasi Element HTML Memanfaatkan CSS3

Aplikasi ini dinamakan bounce. Terdengar seperti sebuah nama games ya? Anda tau games bounce? Jika Anda tau, berarti masa kecilnya Anda bahagia. Saya tidak mengatakan bahwa jika Anda tidak tahu maka tidak bahagia. Tidak sama sekali. Tapi ya sudahlah, itu tergantung persepsi Anda. Baik, bounce, melambung, melompat-lompat.

Yang kita bicarakan di sini bukanlah detektif canggih tapi suka melompat-lompat, James Bounce, beda lagi urusannya.

Saya rasa tidak heran dengan nama websitenya, bounce. Bounce adalah sebuah aplikasi berbasis website yang memudahkan seorang web designer ataupun web programmer dalam membuat animasi memanfaatkan CSS3, biasanya animasi yang dihasilkan CSS3 ini diberikan kepada elemen html seperti DIV atau yang lainnya. Misalkan seperti ini ketika sebuah elemen di klik, entah itu anchor <a> atau yang lain maka akan muncul popup <div> yang telah di berikan animasi CSS3 ini. Misalkan animasi menggelembung, dan banyak lagi, saya berikan contoh demonya seperti ini

http://bouncejs.com/#{s:[{T:"k",e:"s",d:750,D:0,f:{x:0,y:0},t:{x:40,y:60},s:3,b:4},{T:"c",e:"b",d:750,D:0,f:{x:1,y:1},t:{x:2,y:2},s:2,b:4}]}

Anda tinggal mengklik tombol "Play Animation" . Bounce menyediakan banyak sekali jenis Animasinya, yang jelas, bounce ini betul-betul mempermudah dan mempercepat pembuatan Animasi elemen html menggunakan CSS3. Luar biasa pokoknya !

Dan Anda pun bisa melangsung mendapatkan kodenya, mengeksport kode yang dihasilkan oleh bounce, kode CSS. Yang bisa Anda pergunakan ke dalam halaman website Anda. Caranya sederhana cukup klik EXPORT CSS saja. Mudah sekali...

Anda yang ingin mencobanya bisa langsung ke website officialnya http://bouncejs.com/

Semoga bermanfaat. Salam

Loka Dwiartara
Admin ilmuwebsite.com
Founder kaffah.biz