Q21. What are CSS pseudo-classes? Give some examples.
CSS pseudo-classes are selectors that target elements based on their state or position in the document. Some examples include :hover, :active, :focus, :first-child, :last...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (106 available).
Active:
Tag: css ×
Q22. What is CSS animation?
A **CSS animation** allows elements to transition smoothly between different style configurations over time using keyframes, without writing custom JavaScript animation l...
Q23. How do you define a CSS animation?
We can define CSS animation by creating a set of keyframes that specify the start and end states of an animation. We can apply the animation to an element using the anima...
Q24. How do you trigger a CSS animation to start and stop?
You can trigger a CSS animation to start and stop using various CSS selectors and events. For example, you can use the :hover pseudo-class to start an animation when a us...
Q25. How do you create a responsive CSS animation?
We can create responsive CSS animation by using relative units like percentages instead of fixed units like pixels. We can also use media queries to adjust the animation ...
Q26. How do you optimize CSS animations for performance?
We can optimize CSS animation for performance by using techniques like reducing the number of elements being animated, minimizing the use of box-shadow and text-shadow, a...
Q27. How do you debug CSS animations and troubleshoot common issues, such as animations not playing or playing too quickly?
We can debug CSS animations by checking for typos or syntax errors, checking browser's compatibility if it supports the property or not, checking for code that may overri...
Q28. What is transition in CSS?
A transition in CSS is a way to create animation effects when a property of an HTML element changes, allowing developers to smoothly animate changes to an element's style...
Q29. Can you specify multiple CSS transitions for an element?
**Yes**, you can transition multiple CSS properties simultaneously on an element by separating each transition declaration with a comma in the `transition` shorthand: ```...
Q30. What are gradients in CSS?
It is a property of CSS which allows you to display a smooth transformation between two or more than two specified colors. There are two types of gradients in CSS. They a...