CSS 2D Transforms


  1. Which of the following moves an element from its current position?











  1. View Hint View Answer Discuss in Forum

    NA

    Correct Option: C

    The translate() method moves an element from its current position according to parameters given for X-axis and Y-axis,

    div {-ms-transform: translate(12px, 100px); -webkit-transform: translate(12px, 100px); translate(12px, 100px);}


  1. Which of the following uses AngulaJS?











  1. View Hint View Answer Discuss in Forum

    NA

    Correct Option: A

    3D prisma are created with HTML and CSS3(D) transforms, shaded with CSS gradients, animated with CSS transitions. AngularJS is used to write up an updating dataset. The size and thickness of the animated donut chart can be easily edited via CSS, JavaScript will do the rest.



  1. Which of the following will not use JavaScript?











  1. View Hint View Answer Discuss in Forum

    NA

    Correct Option: A

    Pure CSS3 experimental charts do not use any JavaScript & zero image, but can be viewed in Webkit browsers. Animated Stacked Bar Graph use D3 chart and JavaScript, it is developed to mimic live data feed, and give an illusion of how to handle data on the backend.


  1. Which of the following is a library for JavaScript?











  1. View Hint View Answer Discuss in Forum

    NA

    Correct Option: A

    PlotKit is a library for JavaScript that is an improved version of CanvasGraph. It lets us build various sorts of charts and graphs without a hitch. In list bar chart we style definition list and convert it into a timeline chart.



  1. object-fit is not supported by _______











  1. View Hint View Answer Discuss in Forum

    NA

    Correct Option: C

    In the desktop, object-fit is not supported by Internet Explorer but supported by chrome, opera, firefox, edge, safari. In mobiles or tablets iOS Safari, Opera Mobile, Opera Mini, Android, Android Chrome, Android Firefox support this.