Karan Singh - Study24x7
Social learning Network
Karan Singh Cover image
Karan Singh
Karan Singh
Connections 101
Followers 104
Following 110
study24x7Karan Singh

Karan Singh

Studied electrical diploma at gurukul
electrical engineering at Ginger webs
Live in Kota,India, Rajasthan
  • Profile
  • About
  • Connections
About

Karan Singh
05 Jun 2024 11:16 AM study24x7 study24x7

What is a potential downside of setting a transition duration to 0s?

A

Makes the transition instant and potentially jarring

B

Prevents the transition from running

C

Is the recommended practice for subtle effects

D

None, it optimizes performance

Web Development
Like Comment Share
study24x7
Write a comment
Karan Singh
05 Jun 2024 11:13 AM study24x7 study24x7

What feature do keyframe animations offer that transitions do not?

A

Triggering without user interaction

B

Requiring a hover state

C

Dependence on JavaScript

D

Limitation to transform properties

Web Development
Like Comment Share
study24x7
Write a comment
Karan Singh
05 Jun 2024 11:12 AM study24x7 study24x7

How can you make an animation loop infinitely?

A

animation-iteration-count: infinite;

B

animation-repeat: forever;

C

animation-loop: infinite;

D

animation-duration: infinite;

Web Development
Like Comment Share
study24x7
Write a comment
Karan Singh
04 Jun 2024 01:08 PM study24x7 study24x7

How do you apply a basic opacity transition to an element on hover?

A

.element:hover { transition: opacity 0.5s ease; opacity: 0.5; }

B

.element { transition: opacity 0.5s ease-in-out; } .element:hover { opacity: 0.5; }

C

.element { opacity: 1; } .element:hover { opacity: 0.5; transition: 0.5s; }

D

All of the above

Web Development
Like Comment Share
study24x7
Write a comment
Karan Singh
04 Jun 2024 01:06 PM study24x7 study24x7

Which CSS property allows you to delay the start of a transition?

A

transition-delay

B

animation-delay

C

transition-duration

D

animation-duration

Web Development
Like Comment Share
study24x7
Write a comment
Karan Singh
04 Jun 2024 01:05 PM study24x7 study24x7

What is the difference between CSS transitions and animations?

A

Transitions require a trigger, like a hover, whereas animations do not

B

Animations can only be applied to :hover states

C

Transitions can manipulate SVGs, but animations cannot

D

There is no difference; they are interchangeable

Web Development
Like Comment Share
study24x7
Write a comment
Karan Singh
31 May 2024 12:49 PM study24x7 study24x7

How do you specify the timing function of a transition?

A

Using the transition-timing-function property

B

With the transition-duration property

C

By setting the transition-delay property

D

Through the animation-timing-function property

Web Development
Like Comment Share
study24x7
Write a comment
Karan Singh
31 May 2024 12:48 PM study24x7 study24x7

What does the animation-direction property do?

A

Determines the speed curve of the animation

B

Specifies whether the animation should play in reverse on alternate cycles

C

Defines how many times an animation should play

D

Specifies the name of the @keyframes animation

Web Development
Like Comment Share
study24x7
Write a comment
Karan Singh
31 May 2024 12:46 PM study24x7 study24x7

Which property is essential for defining the duration of a CSS transition?

A

transition-duration

B

transition-property

C

transition-timing-function

D

transition-delay

Web Development
Like Comment Share
study24x7
Write a comment
Karan Singh
30 May 2024 11:42 AM study24x7 study24x7

What is the purpose of CSS transitions?

A

To change property values smoothly over a given duration

B

To create movement using keyframes

C

To pause animations

D

To manipulate images

Web Development
Like Comment Share
study24x7
Write a comment