CSS3 Online Test Questions

CSS3 Online Test

Take CSS3 Online Test and evaluate your readiness before you appear for any interview or written test. Consisting of objective type questions from various important concepts of CSS3, this test presents you questions followed by four options. The correct answer, explanation, example provided with each question make it easier for you to to understand each concept well.

Who is this CSS3 Online Test designed for?

All the Front End developers, UI/ UX developers and designers will find this test extremely useful. All freshers, BCA, BE, BTech, MCA and college students wanting to make a career in front end designing will be highly benefitted by this test.

CSS3 Online Test topics

This online test covers topics like - Rounded Corners, Border Images, Backgrounds, Colors, Gradients, Shadows, Transitions, Animations, Images, Box Sizing, Media Queries etc.
1. Which of the following function is used by the filter property to blur an images?

a. opaque()
b. dark()
c. light()
d. blur()

Answer: d. blur()

Explanation: The blur() function is used by the filter property to blur an images. It applies a blur effect to the image. A larger value will create more blur. If no value is specified, 0 is used.


2. Which of the following  function is used by the filter property to flips an element’s colors?

a. image()
b. flip()
c. invert()
d. contrast()

Answer: c. invert()

Explanation: The invert() function is used by the filter property to flips an element’s colors. This effect flips the colors - so that if the ‘amount’ applied is 100% the output looks like a photo negative back from the old film days of cameras.


3.  In CSS3, "image-resolution" property specifies the intrinsic resolution of all raster images used on the element.

a. True
b. False

Answer: a. True

Explanation: The above statement is true. In CSS3, "image-resolution" property specifies the intrinsic resolution of all raster images used on the element.


4. In CSS3, which property specifies the alignment of the replaced element inside its box?

a. object-position
b. object-allign
c. object-pstn
d. object-render

Answer: a. object-position

Explanation: The object-position property determines the alignment of the contents of a replaced element inside its box.


5. In CSS3, x-axis() method skews an element along the X-axis by the given angle using tranform.

a. True
b. False

Answer: b. False

Explanation: The above statement is false. The skewX() method skews an element along the X-axis by the given angle.


6. In CSS3, skew() method skews an element along the X and Y-axis by the given angles using tranform.

a. True
b. False

Answer: a. True

Explanation: The above statement is true. In CSS3, skew() method skews an element along the X and Y-axis by the given angles using tranform.