Tailwindcss Animaction Pert-8

Apa itu TailwindCSS?

• TailwindCSS adalah framework CSS utility-first untuk membangun desain kustom.

• Sebuah perangkat lunak desain grafis untuk membuat logo.

• Sebuah pustaka untuk mengelola status JavaScript.

• Sebuah framework untuk membangun aplikasi mobile.

Apa yang dilakukan animasi dalam desain web?

• Animasi meningkatkan keterlibatan dan interaksi pengguna dalam desain web.

• Animasi tidak memiliki dampak pada pengalaman pengguna.

• Animasi hanya digunakan untuk tujuan dekoratif.

• Animasi memperlambat waktu pemuatan situs web.

Bagaimana cara menerapkan animasi sederhana di TailwindCSS?

• Gunakan keyframes CSS untuk animasi.

• Terapkan animasi JavaScript sebagai gantinya.

• Manfaatkan kelas animasi Bootstrap.

• Gunakan utilitas transisi TailwindCSS seperti `transition`, `duration-{time}`, dan `ease-{type}` untuk menerapkan animasi.

Kelas apa yang akan Anda gunakan untuk efek fade-in?

• fade-in

• slide-in

• zoom-in

• fade-out

Bisakah Anda menyebutkan kelas TailwindCSS untuk animasi melompat?

• animate-zoom

• animate-bounce

• animate-slide

• animate-fade

Apa tujuan dari kelas 'duration' dalam animasi?

• Untuk mendefinisikan lama waktu animasi berjalan.

• Untuk menentukan titik awal animasi.

• Untuk mengontrol kecepatan pemutaran animasi.

• Untuk menentukan warna animasi.

Bagaimana cara membuat elemen meluncur masuk menggunakan TailwindCSS?

• Gunakan kelas TailwindCSS seperti 'transition-transform transform translate-x-full' untuk keadaan awal dan hapus 'translate-x-full' saat pemicu untuk meluncur masuk.

• Terapkan animasi 'slide-in' dari CSS secara langsung.

• Atur 'opacity-0' dan 'translate-y-0' untuk efek meluncur.

• Gunakan kelas 'fade-in' untuk membuatnya meluncur masuk.

Apa yang dilakukan kelas 'ease-in' dalam animasi?

• Kelas 'ease-in' menciptakan kecepatan konstan sepanjang animasi.

• Kelas 'ease-in' menyebabkan animasi berbalik arah secara tiba-tiba.

• Kelas 'ease-in' membuat animasi mulai perlahan dan kemudian mempercepat.

• Kelas 'ease-in' membuat animasi mulai cepat dan kemudian melambat.

Bagaimana cara membuat animasi berputar di TailwindCSS?

• Terapkan animasi keyframe CSS daripada TailwindCSS.

• Atur rotasi di atribut style HTML secara langsung.

• Gunakan kelas 'animate-fade' di TailwindCSS.

• Gunakan kelas 'animate-spin' di TailwindCSS.

Apa fungsi kelas 'animate-spin'?

• Ini mengubah warna elemen.

• Ini menambahkan efek bayangan pada elemen.

• Ini membuat elemen melompat naik dan turun.

• Ini menerapkan animasi berputar terus menerus pada elemen.