CSS Questions & Answers – CSS3 Transitions for UI Elements

This set of CSS Questions and Answers for Campus interviews focuses on “CSS3 Transitions for UI Elements”.

1. Which of the following selector is used to select and style when you place mouse over it?
a) focus
b) hover
c) mouse
d) all of the mentioned
View Answer

Answer: b
Explanation: Self-explainatory.

2. Which of the following method increases or decreases the size of an element using tranform?
a) rotate()
b) scale()
c) translate()
d) matrix()
View Answer

Answer: b
Explanation: Self-explainatory.

3. Which of the following method moves an element from its current position using tranform?
a) rotate()
b) scale()
c) translate()
d) matrix()
View Answer

Answer: c
Explanation: Self-explainatory.
advertisement
advertisement

4. Which of the following property specifies the speed curve of the transition effect?
a) transition-delay
b) transition-duration
c) transition-timing-function
d) transition
View Answer

Answer: c
Explanation: Self-explainatory.

5. Which of the following method skews an element along the X-axis by the given angle using tranform?
a) skewX()
b) skewy()
c) x-axis()
d) skew()
View Answer

Answer: a
Explanation: Self-explainatory.
Sanfoundry Certification Contest of the Month is Live. 100+ Subjects. Participate Now!

6. Which of the following method skews an element along the X and Y-axis by the given angles using tranform?
a) skewX()
b) skewy()
c) skew-X-Y()
d) skew()
View Answer

Answer: d
Explanation: Self-explainatory.

7. Which of the following transition-timing-function property specifies a transition effect with a slow start?
a) ease
b) ease-in
c) ease-in-out
d) none of the mentioned
View Answer

Answer: b
Explanation: Self-explainatory.
advertisement

8. Which of the following transition-timing-function property specifies a transition effect with a slow start, then fast, then end slowly
a) ease
b) ease-in
c) ease-in-out
d) none of the mentioned
View Answer

Answer: a
Explanation: Self-explainatory.

9. Which of the following transition-timing-function property lets you define your own values in a cubic-bezier function
a) cubic(n,n,n,n)
b) matrix(n,n,n,n)
c) cubic-bezier(n,n,n,n)
d) none of the mentioned
View Answer

Answer: c
Explanation: Self-explainatory.
advertisement

10. Which of the following method combines all the 2D transform methods into one using transform?
a) combine()
b) 2D-tranform()
c) matrix()
d) matrix-2D()
View Answer

Answer: c
Explanation: Self-explainatory.

Sanfoundry Global Education & Learning Series – CSS.

To practice all areas of CSS for Campus Interviews, here is complete set of 1000+ Multiple Choice Questions and Answers.

If you find a mistake in question / option / answer, kindly take a screenshot and email to [email protected]

advertisement
advertisement
Subscribe to our Newsletters (Subject-wise). Participate in the Sanfoundry Certification contest to get free Certificate of Merit. Join our social networks below and stay updated with latest contests, videos, internships and jobs!

Youtube | Telegram | LinkedIn | Instagram | Facebook | Twitter | Pinterest
Manish Bhojasia - Founder & CTO at Sanfoundry
Manish Bhojasia, a technology veteran with 20+ years @ Cisco & Wipro, is Founder and CTO at Sanfoundry. He lives in Bangalore, and focuses on development of Linux Kernel, SAN Technologies, Advanced C, Data Structures & Alogrithms. Stay connected with him at LinkedIn.

Subscribe to his free Masterclasses at Youtube & discussions at Telegram SanfoundryClasses.