CSS3 Interview Questions
1 .
Is it possible to create border as a Image in CSS3?

Yes it is possible, by using CSS3 border image property we can use image as a border.

border: url(logo.png); 
border: image url(logo.png); 
border-image: url(logo.png) 30 30 round;
2 .
How can you change the first line of paragraph color using css3?
The::first-line selector is used to add a style to the first line of the specified selector.
 
p::first-line {
  background-color: yellow;
}
3 .
What are the most commonly used Multi Backgroud properties in CSS3?
There are four most commonly used multi background properties, they are:
 
background-clip : Used to declare the painting area of the background
background-image : Used to specify the background image
background-origin : Used to specify position of the background images
background-size : Used to specify size of the background images
4 .
Can you write CSS3 code for creating Multi Background Images?
Here is the CSS3 code for creating multi background images.
 
<style>
   #multibackgroundimg {
             background-image: url(imgs/logo.png), url(imgs/sample_logo.png);
             background-position: left top, left top;
             background-repeat: no-repeat, repeat;
             padding: 75px;
            }
</style>
5 .
What HSLA stands for in CSS3?
HSLA stands for hue, saturation, lightness and alpha.
6 .
What are the newly introduced Text related features in CSS3?
There are mainly three Text related features are introduced, they are :
 
* text-overflow
* text-emphasis
* text-align-last
* word-wrap
* word-break
7 .
What are the different web fonts formats in CSS3?
Web fonts allows users to use the fonts in CSS3, which are not installed on local system.
 
There are five types of web fonts formats are there, they are:
 
1) TTF – TrueType Fonts
2) OTF – OpenType Fonts
3) WOFF – The Web Open Font Format
4) SVG Fonts
5) EOT – Embedded OpenType Fonts
8 .
What are the common values used in 2D Transforms?
Here are the some commonly used values in 2D Transforms,
 
matrix(n,n,n,n,n,n) : Used to defines matrix transforms with six values
translate(x,y) : Used to transforms the element along with x-axis and y-axis
translateX(n) : Used to transforms the element along with x-axis
translateY(n) : Used to transforms the element along with y-axis
scale(x,y) : Used to change the width and height of element
scaleX(n) : Used to change the width of element
scaleY(n) : Used to change the height of element
rotate(angle) : Used to rotate the element based on an angle
skewX(angle) : Used to defines skew transforms along with x axis
skewY(angle) : Used to defines skew transforms along with y axis
9 .
What are the common values used in 3D Transforms?
Here are the some commonly used values in 3D Transforms,
 
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) : Used to transforms the element by using 16 values of matrix
translate3d(x,y,z) : Used to transforms the element by using x-axis,y-axis and z-axis
translateX(x) : Used to transforms the element by using x-axis
translateY(y) : Used to transforms the element by using y-axis
translateZ(z) : Used to transforms the element by using y-axis
scaleX(x) : Used to scale transforms the element by using x-axis
scaleY(y) : Used to scale transforms the element by using y-axis
scaleY(y) : Used to transforms the element by using z-axis
rotateX(angle) : Used to rotate transforms the element by using x-axis
rotateY(angle) : Used to rotate transforms the element by using y-axis
rotateZ(angle) : Used to rotate transforms the element by using z-axis
10 .
What are the values associated with multi columns?
Here is the list of most commonly used multi column values, they are:
 
column-count : Used to count the number of columns that element should be divided
column-fill : Used to decide, how to fill the columns
column-gap : Used to decide the gap between the columns
column-rule : Used to specifies the number of rules
rule-color : Used to specifies the column rule color
rule-style : Used to specifies the style rule for column
rule-width : Used to specifies the width
column-span : Used to specifies the span between columns