Mastering CSS: Animations and Variables

Mastering CSS: Animations and Variables

9th Grade

15 Qs

quiz-placeholder

Similar activities

YEAR 2 ICT - Progression Test 2

YEAR 2 ICT - Progression Test 2

2nd Grade - University

20 Qs

Y10 Computer Literacy

Y10 Computer Literacy

9th Grade

15 Qs

Pengkodean dan Pengolahan Gambar 2

Pengkodean dan Pengolahan Gambar 2

9th Grade

14 Qs

Affinity Photo 2 Tools

Affinity Photo 2 Tools

9th - 10th Grade

15 Qs

Agriculture Quiz

Agriculture Quiz

7th Grade - University

20 Qs

Python Coding Fundamentals

Python Coding Fundamentals

9th Grade

18 Qs

Ultrasonic Sensor - L1

Ultrasonic Sensor - L1

6th Grade - University

10 Qs

Internet Service Providers

Internet Service Providers

9th - 12th Grade

14 Qs

Mastering CSS: Animations and Variables

Mastering CSS: Animations and Variables

Assessment

Quiz

Information Technology (IT)

9th Grade

Practice Problem

Hard

Created by

Stirbu Valentin

FREE Resource

AI

Enhance your content in a minute

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

15 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What property is used to define the duration of a CSS animation?

animation-speed

animation-duration

animation-time

animation-length

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How do you create a keyframe animation in CSS?

Define animations using the 'animate' function in JavaScript only.

Use @animations to create transitions and apply it with the 'transition' property.

Keyframe animations are created using the 'transform' property without @keyframes.

Use @keyframes to define the animation and apply it with the 'animation' property.

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the 'animation-fill-mode' property?

To set the animation's delay time.

To control the styles applied before and after an animation runs.

To define the duration of an animation.

To specify the animation's keyframes.

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which CSS property is used to change the opacity of an element during an animation?

visibility

display

opacity

transform

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the syntax to declare a CSS variable?

--variable-name: value;

--variable-name = value;

variable-name: value;

$variable-name: value;

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How do you access a CSS variable in your styles?

Use getCSSVariable(--variable-name)

Access with cssVar(--variable-name)

Set variable using setVar(--variable-name)

Use var(--variable-name) to access a CSS variable.

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the default value of the 'animation-timing-function' property?

cubic-bezier

ease-in-out

linear

ease

Access all questions and much more by creating a free account

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

Already have an account?