Tailwindcss Animaction Pert-8

Tailwindcss Animaction Pert-8

1st Grade

20 Qs

quiz-placeholder

Similar activities

Kuis Interaksi Sosial dan Proses Desain

Kuis Interaksi Sosial dan Proses Desain

1st Grade

15 Qs

Quiz Microsoft Word 2007 by Jho

Quiz Microsoft Word 2007 by Jho

1st - 5th Grade

20 Qs

Quiz HTML – Les balises de base

Quiz HTML – Les balises de base

1st Grade

20 Qs

BASIS DATA

BASIS DATA

1st - 5th Grade

21 Qs

KUIZ INTERAKTIF DIGITAL - SK

KUIZ INTERAKTIF DIGITAL - SK

1st Grade - University

20 Qs

TailwindCSS Transisi Durasi Pert-11

TailwindCSS Transisi Durasi Pert-11

1st Grade

20 Qs

TailwindCSS Font Weight & Text Indent Pert-4

TailwindCSS Font Weight & Text Indent Pert-4

1st Grade

20 Qs

JavaScript Quiz

JavaScript Quiz

1st Grade

15 Qs

Tailwindcss Animaction Pert-8

Tailwindcss Animaction Pert-8

Assessment

Quiz

Information Technology (IT)

1st Grade

Hard

Created by

ricky noviansyah

FREE Resource

AI

Enhance your content in a minute

Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...

20 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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.

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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.

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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.

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

fade-in

slide-in

zoom-in

fade-out

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Bisakah Anda menyebutkan kelas TailwindCSS untuk animasi melompat?

animate-zoom

animate-bounce

animate-slide

animate-fade

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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.

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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.

Create a free account and access millions of resources

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

By signing up, you agree to our Terms of Service & Privacy Policy

Already have an account?