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

DVD Video Tutorial : Kursus Web Development Komplit Bangun 5 Project Aplikasi Website - Membuat CMS Sendiri Dari Nol, Blog, Portal Berita, Ecommerce, Web Komunitas dengan CodeIgniter 3 JQuery AJAX Bootstrap

Video Tutorial Kursus Web Development Komplit Bangun 5 Project Website ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer professional. (Disertai pembelajaran dasar HTML CSS, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0838 1157 5876, atau bisa pesan secara online di sini)

Admin Ilmuwebsitecom

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

Tidak ada komentar:

Poskan Komentar