CSS3 Interview Questions
1 .
What is CSS3 ?
The first working draft of CSS3 came in 19-01-2001. but it was initially declared early in the June 1999. The main difference between css2 and css3 is Media Queries, Namespaces, Selectors Level 3, Color.
2 .
Explain some CSS3 Modules.
CSS3 has been split into "modules". It contains the "old CSS specification". In addition, new modules are added.

Ex :  Selectors, Box Model, Backgrounds, Borders, Gradients, shadows, Image Values and Replaced Content, Text Effects, 2D Transformations, 3D Transformations, Transitions, Animations,  Multiple Column Layout, User Interface, etc,..
3 .
What new futures added in CSS3 for Borders and how Browser Support it ?
3 following border futures added :
• border-radius
• box-shadow
• border-image
4 .
What is the word wrap / word wrapping in CSS3 ?
To Allow long words to be able to break and wrap onto the next line in css3 we used word-wrap property like below class
.wordwrap{word-wrap:break-word;}
5 .
What is the CSS3 animation ?
When the animation is created in the @keyframe, bind it to a selector, otherwise the animation will have no effect.
Bind the animation to a selector by specifying at least these two CSS3 animation properties :
• Specify the name of the animation
• Specify the duration of the animation
6 .
What do we mean by Opacity in CSS3 ?
Opacity is a style property used to show or hide the html element.
For example 0 for hide and 1 for show.

<p style="opacity: 0">Show Me</p>
<p style="opacity: 0.5">Show Me</p>
<p style="opacity: 1">Show Me</p>

The Opacity declaration sets how opaque an element is.An opacity value of 1 means the element is fully opaque. An opacity value of 0 means an element is not at all opaque, i.e. fully transparent.This elements opacity is 0.5 .
Note : That both the text and the background-color are affected by the opacity level.
7 .
How is multiple background images handled in CSS3 ?
If you want to use the multiple background ,we can insert as follows...

background-image : url(image.png), url(image-2.png), url(image-3.jpg); also we can mention the position of the image either percentage value or top left, left center like this.
8 .
How CSS3 is related to responsive web designing ?
Media queries are introduced in CSS3, which are directly used for making website responsive i.e. RWD (Responsive Web Designing). Get more guidance on Responsive Web Design Tutorials with step by step guidance!
9 .
Describe about new CSS3 property ‘Flex’ in few words.
Flexbox is the new layout modal being used in CSS3. Used along with display, its primary function is to control the elements behaviour in multiple screen sizes and devices.
10 .
What is CSS3 multiple column property ?
CSS3 multiple Column property is easiest way of dividing section of particular element just like in newspaper and there are various rule applied to it regarding count, gap, rule, style, width, color and span.