CSS3 Quiz with Answer

1.Has CSS3 been fully supported by all browsers?

  • Yes
  • No

2.How can you created rounded corners using CSS3?

  • border[round]: 30px;
  • corner-effect: round;
  • border-radius: 30px;
  • alpha-effect: round-corner;

3.How do you add shadow to elements in CSS3?

  • box-shadow: 10px 10px 5px grey;
  • shadow-right: 10px shadow-bottom: 10px; shadow-color: grey;
  • alpha-effect[shadow]: 10px 10px 5px grey;

4.How to you modify a border image using CSS3?

  • border: url(image.png);
  • border-variable: image url(image.png);
  • border-image: url(border.png) 30 30 round;

5.How to resize a background image using CSS3?

  • background-size: 80px 60px;
  • bg-dimensions: 80px 60px;
  • background-proportion: 80px 60px;
  • alpha-effect: bg-resize 80px 60px;

6.How to add text shadow using CSS3?

  • font: shadowed 5px 5px 5px grey;
  • font-shadow: 5px 5px 5px grey;
  • text-shadow: 5px 5px 5px grey;
  • shadow: text 5px 5px 5px grey;

7.How to force a word wrap using CSS3?

  • word-wrap: break-word;
  • text-wrap: break-word;
  • text-wrap: force;
  • text-width: set;

8.What is the new, easier way to import or modify fonts with CSS3?

  • font-source: url(\’Sansation_Light.eot\’) format(\”opentype\”);
  • @font-face
  • font-family: @import \”Sansation_Light.eot\”;

9.Which of these are valid CSS3 transformation statements (select only one):

  • matrix()
  • modify()
  • skip()
  • simulate()

10.How to rotate objects using CSS3?

  • object-rotation: 30deg;
  • transform: rotate(30deg);
  • rotate-object: 30deg;
  • transform: rotate-30deg-clockwise;

11.How to re-size/scale objects using CSS3?

  • transform: scale(2,4);
  • scale-object: 2,4;
  • scale: (2,4);

12.How to create transition effects using CSS3?

  • transition: width 2s;
  • transition-duration: 2s; transition-effect: width;
  • alpha-effect: transition (width,2s);

2 thoughts on “CSS3 Quiz with Answer

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s