CSS3 interview questions and Answers

CSS3 has a number of text related features introduced with it. Here are a few best of them:

• 3D text effect
• Text shadow effect
• Letterpress text effect
• Embossed CSS3 text effect
• Subtle CSS3 Text Style
• Date display technique
• Awesome Anaglyphic text effect
• Text rotation

In CSS3, the word-break property is used to specify how words should break when reaching the end of a line. The syntax for the word-break property is as follows:

CSS3 animations allow HTML element animation without using Flash or JavaScript. It lest elements gradually change form one style to another. The users must have to specify some keyframes for the animation to apply CSS3 animation.

The calc() function in CSS3 is used for simple calculations to determine CSS property values present right in CSS. It allows mathematical expressions with addition, subtraction, multiplication, and division to be used as component values.

In CSS3, the linear gradient starts at the top with the color red, transitioning to yellow and later to blue. It sets a linear gradient as the background image. Users have to define at least two color stops to create a linear gradient.

The CSS3 HSL() function is used to provide a color value when using CSS. It allows users to specify a color value by determining the hue, saturation, and light (which represent HSL) components of the color.

In CSS, pseudo-element is used to style detailed and specific parts of an element.

For example, it may be used to:

• Style an element, letter or line.
• Insert content in an element before or after the content within the element.

It is a keyword added to a selector that lets you in styling a specific part of the selected element(s).

For example, ::first-line is used to change the font of the first line of a paragraph below.

p::first-line {
   color: blue;
   text-transform: uppercase;
}