Motion UI
Motion UI
Motion UI adalah sebuah library yang mendukung efek – efek transisi yang di gunakan untuk beberapa komponen dasar termasuk Toggler, Reveal, and Orbit. Transisi – transisi tersebut didukung oleh kelas transisi yang special yang di buat oleh Motion UI Sass yang dimana memberikan kontrol sepenuhnya untuk semua detail dari efek – efek, dari arah sebuah slide elemen, menuju bagaimana elemen tersebut bekerja. Motion UI
Berikut beberapa penjelasan mengenai apa saja yang terdapat pada Motion UI :
- Transitions
Sama seperti transisi pada umumnya yang digunakan pada slide show atau video. Tetapi Motion UI disini untuk membantu proses dari transisi komponen – komponen tersebut antara keduanya yaitu masuk dan keluarnya transisi tersebut pada sebuah website. Transisi ini bagus untuk digunakan pada modals, overlays, dan lain – lainnya. - Animations
Kelebihan dari Motion UI adalah bagaimana cara Motion UI dalam menangani animasinya. Contohnya adalah efek – efek yang sama pada transisi dapat di gunakan juga pada animasi disini. Sama dengan rule of thumb, semua animasi yang digunakan di Motion UI pada dasarnya di buat dengan gabungan dari mui-animation(). - Series Animations
Motion UI juga memberikan kemampuan untuk beberapa animasi di dalam 1 (satu) animasi dengan sekali pembuatan animasi. Itu adalah alat yang sangat berguna dan bagus sekali jika ingin membuat beberapa animasi di dalam 1 (satu) animasi dengan sekali pembuatan animasi dan sesuai dengan order yang di tentukan. Dan ini akan sangat menarik dan menyenangkan untuk dibuat.
Untuk menggunakan atau menginstall Motion UI ini sangat mudah, Motion UI dapat di download dari website ZURB Studio’s. Kemudian untuk menginstallny, dapat menginstallnya dari npm atau dari Bower. Dan Motion UI ini sangat mempercepat pekerjaan. Motion UI merupakan satu diantara kebanyakan solusi yang paling mudah jika ingin merapikan suatu website. Animasi dan transisinya terbilang sangat bagus untuk di saat ini. Dan kemampuan untuk menyatukan animasi bersamaan menjadi suatu penyertaan yang sangat bagus dan juga dapan melakukan penambahan lebih lanjut untuk standar transisi dari suatu website. Motion UI sendiri juga mengandung sekumpulan kelas CSS untuk membantu mempercepat proses pembuatannya.
References :
https://foundation.zurb.com/sites/docs/motion-ui.html
http://www.bitlab.co.uk/what-is-motion-ui/
https://zurb.com/blog/introducing-the-new-motion-ui
