Animations on CSS

Animations on CSS

12th Grade

15 Qs

quiz-placeholder

Similar activities

Chapter 3 Exploring Linux Filesystems

Chapter 3 Exploring Linux Filesystems

11th Grade - University

10 Qs

Revision Gr2-2025

Revision Gr2-2025

3rd Grade - University

12 Qs

After Effect Intoduction

After Effect Intoduction

10th Grade - University

15 Qs

Google Aptitude Test

Google Aptitude Test

KG - University

10 Qs

CALL: TOEFL Exercise skill 1-3

CALL: TOEFL Exercise skill 1-3

12th Grade

10 Qs

Parcial-Dibujo

Parcial-Dibujo

12th Grade

10 Qs

OOP 1 Undiksha

OOP 1 Undiksha

12th Grade - University

13 Qs

BIM1014 Quiz 2

BIM1014 Quiz 2

KG - University

15 Qs

Animations on CSS

Animations on CSS

Assessment

Quiz

Computers

12th Grade

Practice Problem

Medium

Created by

sushma undefined

Used 1+ times

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 is a keyframe in CSS animations?

A keyframe in CSS animations is a type of font style

A keyframe in CSS animations is a specific color code

A keyframe in CSS animations is a type of HTML element

A keyframe in CSS animations is a frame that specifies the styles at a certain point in the animation sequence.

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How can you create transition effects in CSS animations?

Include JavaScript code within the CSS file for animations

Apply random CSS classes to elements for transition effects

Use the 'transition' property along with specific transition properties to define the desired animation effects.

Use the 'animate' property with predefined animations

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Name some common animation properties used in CSS.

transition-duration

keyframe-timing

animation-effect

animation-speed

animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Explain how to animate text using CSS.

Use keyframes to define animation behavior and apply it to text element using animation property.

Use JavaScript instead of CSS for text animation

Apply animation directly to the text without keyframes

Use flexbox to animate text

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What are the steps to create animated buttons with CSS?

Define animation using HTML tags

Apply animation to the body element instead of the button element

Use JavaScript instead of CSS for animation

Use CSS keyframes to define animation, apply animation to button element, specify animation properties

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How can CSS animations be used for hover effects?

Apply CSS transitions to achieve hover effects

Use JavaScript to trigger CSS animations on hover

Use inline styles to create hover animations

Define animation properties and keyframes, then apply them to an element using :hover pseudo-class.

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the syntax for defining keyframes in CSS animations?

keyframes animationName { 0% { /* CSS properties */ } 50% { /* CSS properties */ } 100% { /* CSS properties */ }}

@keyframes { 0% { /* CSS properties */ } 100% { /* CSS properties */ }}

@keyframes animationName { 0% { /* CSS properties */ } 50% { /* CSS properties */ } 75% { /* CSS properties */ } 100% { /* CSS properties */ }}

@keyframes animationName { 0% { /* CSS properties */ } 100% { /* CSS properties */ }}

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?