[10] CSS MCQ Quiz

Correct Answers: 0
Incorrect Answers: 0

190. What does the 'animation-fill-mode: both;' property do?

Runs the animation twice

Sets different animations for forwards and backwards directions

Applies the styles at both the start and end of the animation

Cancels the animation

191. Which of the following is a shorthand property for setting all animation properties?

animation

animation-shorthand

keyframe-animation

animate

192. Which value of 'animation-timing-function' produces a steady speed from start to finish?

ease

ease-out

ease-in

linear

193. Which property controls whether an animation is currently running or paused?

animation-play-state

animation-paused

animation-control

animation-status

194. How do you make an animation delay for 2 seconds before starting?

start-delay: 2s;

animation-delay: 2s;

delay: 2s;

animation-start: 2s;

195. What is the purpose of the 'keyframes' in CSS animations?

To specify the number of animation loops

To set the duration of an animation

To control animation speed

To define the stages and styles of the animation

196. Which CSS property defines whether an animation should play in reverse on alternate cycles?

animation-cycle

animation-alternate

animation-reverse

animation-direction

197. Which CSS property can be used to animate the background color of a table cell?

transition

background-color

animation

color

198. How can you create a fade-in effect for a table row when it is hovered over?

table-row:hover { display: block; transition: display 0.5s; }

tr:hover { animation: fadeIn 0.5s; }

row:hover { opacity: 1; transition: opacity 0.5s; }

tr:hover { opacity: 0; transition: opacity 0.5s; }

199. What is the best way to add a bounce effect to a table header on hover?

Use keyframes to define the bounce effect and apply it on hover.

Apply a shadow effect on hover.

Set transform: scale(1.1) on hover.

Change the color of the text on hover.

200. Which CSS property allows you to animate the border of a table cell?

border

border-color

border-width

border-style

201. How do you create a sliding animation effect for table rows when they are added to the DOM?

Animate the 'display' property.

Use CSS transitions with 'transform: translateY()'.

Use JavaScript to control the animation.

Set a delay for the row display.

202. Which CSS property is used to set the spacing between the borders of adjacent table cells?

padding

border-spacing

cell-spacing

spacing

203. What is the effect of setting 'table-layout: fixed;' on a table?

Table rows will not expand to fit content.

Table columns have a fixed width regardless of content.

Table cells will collapse to fit their contents.

Table width will adjust based on the largest cell.

204. Which HTML attribute is used to specify the alignment of text within a table cell?

align

justify

vertical-align

text-align

205. How can you apply a border to a table element using CSS?

table { border: 1px solid black; }

table { border-collapse: collapse; }

table { border-style: solid; }

table { border-spacing: 0; }

206. Which CSS property can be used to set the width of a table?

cell-width

border-width

width

table-width

PreviousNext