WorksheetsPONAVLJANJE WEB DIZAJN-ANIMACIJE
Total questions: 22
Worksheet time: 19mins
Što omogućuju CSS animacije?
Izvršavanje funkcija u pregledniku
Dinamičko mijenjanje stila elemenata kroz vrijeme
Dohvaćanje podataka s poslužitelja
Rad s bazama podataka
Koja je razlika između CSS tranzicije i CSS animacije?
Tranzicija radi samo u JavaScriptu
Animacija se pokreće samo klikom
Tranzicija se aktivira promjenom stanja, animacija može raditi samostalno
Nema razlike
Koji pseudo-selektor se najčešće koristi za pokretanje tranzicije?(točan oblik u css-u)
(a)
Koje CSS svojstvo se koristi za definiranje trajanja tranzicije?
(a)
Koja je ispravna CSS sintaksa za tranziciju?
transition: color 1s;
animate: color 1s;
change: color slow;
effect: color;
Koja vrijednost NE pripada transition-timing-function?
linear
ease-in-out
ease
bounce
Koja se CSS naredba koristi za definiranje animacije?
@media
@import
@animation
@keyframes
Koje svojstvo povezuje element s animacijom?
animation-name
keyframe-name
motion-name
transition-name
Koje svojstvo određuje koliko puta će se animacija ponoviti?
animation-duration
animation-play-state
animation-iteration-count
animation-fill-mode
Što znači animation-iteration-count: infinite;?
Animacija se izvrši jednom
Animacija se izvrši dvaput
Animacija se ne pokrene
Animacija se ponavlja beskonačno.
Koji se jezik koristi za animacije bez JavaScripta?
(a)
Koji HTML element se često koristi za animirane gumbe?
<span>
<button>
<div>
SVI NAVEDENI
Koja CSS svojstva su najčešća za animacije?
color, background-color
font-family
transform, opacity
margin, padding
Koji je primjer dobre upotrebe CSS tranzicije?
Dohvaćanje API podataka
Validacija lozinke
Promjena boje gumba na hover
Slanje forme
ada je bolje koristiti CSS animaciju nego tranziciju?
Kada želimo složenu animaciju u više koraka
Kada želimo reakciju na hover
Kada mijenjamo samo boju
Kada koristimo JavaScript
Koje CSS svojstvo omogućuje pomicanje, rotaciju ili skaliranje elementa?
(a)
Koja je razlika između opacity: 0; i visibility: hidden;?
opacity uklanja element iz dokumenta
visibility uklanja element iz DOM-a
Nema razlike
opacity skriva element, ali on i dalje zauzima prostor
Koja CSS animacija će se pokrenuti odmah nakon učitavanja stranice?
Ona definirana u JavaScriptu
Ona unutar media queryja
Ona s animation-name i animation-duration
Ona definirana s :hover
Koje svojstvo određuje hoće li animacija zadržati završno stanje?
animation-delay
animation-fill-mode
animation-play-state
animation-direction
Koja je prednost korištenja CSS animacija umjesto JavaScripta?
Jednostavnija implementacija i bolje performanse
Ne mogu se koristiti na mobilnim uređajima
Manje kontrole nad animacijom
Veće opterećenje preglednika
BONUS(dupli bodovi)-Što znači sljedeći kod?
Element se animira neprekidno
Animacija se ponavlja beskonačno
Animacija se pokreće samo klikom
Sve promjene CSS svojstava trajat će 0.5 s s glatkim prijelazom
BONUS(dupli bodovi)-Što znači sljedeći kod?
trajanje → ime → ponavljanje → kašnjenje
ime → trajanje → način → kašnjenje → ponavljanje
kašnjenje → trajanje → ime → ponavljanje
ime → ponavljanje → trajanje → kašnjenje
