wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

TailwindCSS Blur Brightness Pert-10

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

Apa itu efek Blur pada TailwindCSS?

a)

Efek Blur pada TailwindCSS digunakan untuk menambahkan bayangan pada elemen.

b)

Efek Blur pada TailwindCSS digunakan untuk menambahkan efek rotasi pada elemen.

c)

Efek Blur pada TailwindCSS digunakan untuk menambahkan efek transparansi pada elemen.

d)

Efek Blur pada TailwindCSS digunakan untuk memberikan efek blur pada elemen.

2.

Bagaimana cara menambahkan efek Blur pada sebuah elemen menggunakan TailwindCSS?

a)

Menggunakan inline CSS dengan filter: blur(amount)

b)

Menggunakan JavaScript untuk menambahkan efek Blur

c)

Menambahkan kelas 'blur-{amount}' pada elemen yang diinginkan, di mana 'amount' adalah tingkat keburaman yang diinginkan.

d)

Menambahkan kelas 'blur-effect' pada elemen yang diinginkan

3.

Berapa nilai default untuk Blur pada TailwindCSS?

a)

0

b)

50

c)

-1

d)

100

4.

Apakah Blur dapat diterapkan pada teks menggunakan TailwindCSS?

a)

Tidak

b)

Mungkin

c)

Hanya sebagian

d)

Ya

5.

Bagaimana cara mengatur tingkat kecerahan (Brightness) pada sebuah elemen menggunakan TailwindCSS?

a)

brightness-50

b)

brightness-200

c)

brightness-100

d)

brightness-75

6.

Apa fungsi dari kelas 'brightness-50' pada TailwindCSS?

a)

Mengatur tingkat kecerahan elemen menjadi 100% dari nilai aslinya.

b)

Mengatur tingkat kecerahan elemen menjadi 25% dari nilai aslinya.

c)

Mengatur tingkat kecerahan elemen menjadi 75% dari nilai aslinya.

d)

Mengatur tingkat kecerahan elemen menjadi 50% dari nilai aslinya.

7.

Bagaimana cara menambahkan efek Brightness pada gambar menggunakan TailwindCSS?

a)

Tambahkan kelas 'brightness-{value}' pada elemen gambar untuk mengatur tingkat kecerahan gambar.

b)

Tambahkan kelas 'brightness-effect' pada elemen gambar.

c)

Gunakan properti 'brightness' dalam CSS untuk mengatur kecerahan gambar.

d)

Gunakan filter 'brightness()' dalam CSS untuk menambahkan efek kecerahan pada gambar.

8.

Apakah nilai Brightness dapat bernilai negatif pada TailwindCSS?

a)

Tidak

b)

Ya

c)

Tergantung

d)

Mungkin

9.

Bagaimana cara mengatur tingkat kontras (Contrast) pada sebuah elemen menggunakan TailwindCSS?

a)

Tambahkan kelas 'contrast-{level}' pada elemen sesuai dengan tingkat kontras yang diinginkan.

b)

Atur tingkat kontras melalui JavaScript tanpa menggunakan TailwindCSS

c)

Tambahkan kelas 'contrast-level' pada elemen tanpa menyebutkan tingkat kontras

d)

Gunakan properti 'contrast' pada CSS dengan nilai yang diinginkan

10.

Apakah Contrast hanya dapat diterapkan pada gambar menggunakan TailwindCSS?

a)

Ya

b)

Tidak

c)

Hanya pada teks

d)

Mungkin

11.

Apa perbedaan antara Blur dan Brightness pada TailwindCSS?

a)

Blur digunakan untuk efek bayangan, sedangkan Brightness digunakan untuk rotasi.

b)

Blur digunakan untuk rotasi, sedangkan Brightness digunakan untuk efek bayangan.

c)

Blur digunakan untuk kecerahan, sedangkan Brightness digunakan untuk efek blur.

d)

Blur digunakan untuk efek blur, sedangkan Brightness digunakan untuk kecerahan.

12.

Bagaimana cara membuat efek Blur semakin intens pada TailwindCSS?

a)

Gunakan kelas 'blur-intense' tanpa nilai spesifik

b)

Tambahkan kelas 'blur-effect' dengan nilai yang sembarang

c)

Atur opasitas elemen tanpa menggunakan kelas blur

d)

Gunakan kelas 'blur-{amount}' dengan nilai 'amount' yang sesuai untuk intensitas blur yang diinginkan.

13.

Apakah nilai Brightness pada TailwindCSS dapat lebih dari 100?

a)

Sometimes

b)

No

c)

Yes

d)

Maybe

14.

Kapan sebaiknya menggunakan efek Blur pada desain web?

a)

Kapan ingin menonjolkan warna-warna cerah.

b)

Kapan ingin menekankan kesan minimalis pada desain.

c)

Kapan ingin menampilkan informasi dengan jelas tanpa efek visual tambahan.

d)

Kapan ingin menciptakan tampilan yang menarik dan fokus pada elemen utama.

15.

Apakah efek Brightness dapat digunakan untuk membuat teks lebih menonjol?

a)

Tidak

b)

Tidak pasti

c)

Ya

d)

Mungkin

16.

Apa fungsi dari kelas 'opacity-75' pada TailwindCSS?

a)

Mengatur tingkat kecerahan elemen menjadi 75% dari nilai aslinya.

b)

Mengatur tingkat kecerahan elemen menjadi 100% dari nilai aslinya.

c)

Mengatur tingkat kecerahan elemen menjadi 50% dari nilai aslinya.

d)

Mengatur tingkat kecerahan elemen menjadi 25% dari nilai aslinya.

17.

Bagaimana cara menambahkan efek Opacity pada teks menggunakan TailwindCSS?

a)

Tambahkan kelas 'opacity-{value}' pada elemen teks untuk mengatur tingkat kecerahan teks.

b)

Tambahkan kelas 'opacity-effect' pada elemen teks.

c)

Gunakan properti 'opacity' dalam CSS untuk mengatur kecerahan teks.

d)

Gunakan filter 'opacity()' dalam CSS untuk menambahkan efek kecerahan pada teks.

18.

Apakah nilai Opacity dapat bernilai lebih dari 100 pada TailwindCSS?

a)

Tidak

b)

Ya

c)

Mungkin

d)

Tergantung

19.

Apa fungsi dari kelas 'contrast-75' pada TailwindCSS?

a)

Mengatur tingkat kontras elemen menjadi 75% dari nilai aslinya.

b)

Mengatur tingkat kontras elemen menjadi 100% dari nilai aslinya.

c)

Mengatur tingkat kontras elemen menjadi 50% dari nilai aslinya.

d)

Mengatur tingkat kontras elemen menjadi 25% dari nilai aslinya.

20.

Bagaimana cara menambahkan efek Contrast pada sebuah elemen menggunakan TailwindCSS?

a)

Tambahkan kelas 'contrast-{level}' pada elemen sesuai dengan tingkat kontras yang diinginkan.

b)

Atur tingkat kontras melalui JavaScript tanpa menggunakan TailwindCSS

c)

Tambahkan kelas 'contrast-level' pada elemen tanpa menyebutkan tingkat kontras

d)

Gunakan properti 'contrast' pada CSS dengan nilai yang diinginkan