NEW
Font size
Worksheets10 кл 26.02
Total questions: 8
Worksheet time: 4mins
Ережелердің қайсысын CSS-те анимация құруға қолданылатынын көрсет.
@charset
@font – face
@media
@keyframes
CSS animation мен transition қасиеттерінің айырмашылығын көрсет.
Transition анимацияның қозғалыс бағытын, ал animation анимацияның қаншалықты жылдам қозғалатындығын белгілейді
Transition анимация циклын да, animation ауысу эффектісін бастамас бұрын да күту уақытын белгілейді
Animation CSS қасиеттерінің өзгеру жылдамдығын басқарады, ал transition – жасырын ауысу
Animation – жасырын ауысулар, ал transition болса CSS қасиеттерінің өзгеру жылдамдығын басқарады
Төмендегі код үзіндісінде animation-name нені меңзеп тұр?
.test {
animation-name: none
}
Анимация кешіктіріліп орындалады
Анимация бірден орындалады
Анимация кідірістен соң орындалады
Анимация мүлдем болмайды
Барлық кадр арасындағы аралық мәнді есептеу анимация жүзеге асырады. Тұжырымның ақиқат не жалған екенін анықта.
Жалған
Ақиқат
Transition–timing–procedure қасиеті анимацияның орындалу жылдамдығын сипаттайды. Тұжырымның ақиқат не жылдам екенін анықта.
Жалған
Ақиқат
Жауап таңда: CSS-те анимация жасаудың ең қарапайым әдісі – тек екі кадрдың бар болуы жеткілікті:
Келесі күй
Аралық күй
Бірінші күй
Бастапқы күй
Соңғы күй
Төмендегі код үзіндісінде қандай қате жіберілгенін көрсет.
div {
width: 100px;
height: 100px;
background: red;
position: relative;
animation-name: example;
animation-duration: 3s;
animation-fill-mode: forwards;
}
example {
from {top: 0px;}
to {top: 200px; background-color: blue;}
}
анимация жасаудың ережесі жоқ
background қасиетінің мәні қате жарияланған
from мен to мәндері қате берілген
қасиеттерінің мәндері қате жарияланған
width қасиетінің мәні қате
animation–name және animation–duration
CSS тегі не үшін қажет екенін анықта.
div {
width: 100px;
height: 100px;
background: red;
transition: width 3s;
transition-delay: 1s;
}
div:hover {
width: 300px;
}
Ауысу эффектісі іске қосылғаннан кейін 1 секундқа кешіктіріледі
Ауысу эффектісі іске қосылғанға дейін кешіктірілмейді
Ауысу эффектісі іске қосылатын аралықтарда 1 секундқа кешіктіріледі
Ауысу эффектісі іске қосылғанға дейін 1 секундқа кешіктіріледі
Ауысу эффектісі іске қосылғаннан кейін кешіктірілмейді
