Jak można zaprojektować przycisk, który ma zaokrąglone rogi, gradientowe tło przechodzące od jasnoniebieskiego do ciemnoniebieskiego oraz subtelny cień pod spodem, używając CSS?

Poprawna odpowiedź: A (.button { border-radius: 10px; background-image: linear-gradient(to bottom, lightblue, darkblue); box-shadow: 2px 2px 5px rgba(0,0,0,0.3); })

Poprawne standardowe właściwości CSS3:

• border-radius: 10px; — zaokrąglenie rogów,
• background-image: linear-gradient(...); — gradient liniowy,
• box-shadow: 2px 2px 5px rgba(...); — cień zewnętrzny pudełka.

Dlaczego pozostałe opcje są nieprawidłowe?

• B: Właściwości corner-style i shadow-effect nie istnieją w specyfikacji CSS.
• C: round-corners i fill-color to niepoprawne nazwy; text-shadow rzuca cień na tekst, a nie na przycisk.
• D: border-curve, color-blend i drop-shadow: true to wymyślone, nieprawidłowe składniowo reguły.