CSS3 Transitions And CSS 3 Animations MCQ

Test your knowledge with important CSS3 Transitions And CSS 3 Animations MCQ and their applications. These MCQs are beneficial for competitive exams too. Explore 30 + more CSS3 Transitions And CSS 3 Animations MCQs at Bissoy

• Which of the following element is used to create a SVG line?
  ক

  <line>

  খ

  <dot>

  গ

  <ray>

  ঘ

  <stick>
• Which of the following nav-left value sets it's value to default value?
  ক

  target-name

  খ

  id

  গ

  inital

  ঘ

  inherit
• Which of the following element is used to create a SVG rectangle?
  ক

  <rectangle>

  খ

  <polygon>

  গ

  <rect>

  ঘ

  <square>
• What does this code do?<br><pre><code class="css"><xmp>Code:@media only screen and (orientation: landscape) { body { background-color: lightblue; }}</xmp></code></pre>
  ক

  web page will have a lighblue background if the orientation is in landscape mode

  খ

  web page will have a lighblue background if the orientation is not in landscape mode

  গ

  web page will have a red background if the orientation is in landscape mode

  ঘ

  None of the mentioned
• Which of the following element is used to create any shape that consists of only straight lines?
  ক

  &lt;polyogn&gt;

  খ

  &lt;polyline&gt;

  গ

  &lt;lines&gt;

  ঘ

  &lt;multiline&gt;
• What should be written in the blank of the code for JQuery Code Used to Apply CSS3 Animations?<br><pre><code class="css"><xmp>CSS Code:_________ leftmove {100% { transform: translateX(-70px); opacity: 1; }}_________ rightmove {100% { transform: translateX(70px); opacity: 1; }}</xmp></code></pre><pre><code class="jQuery"><xmp>jQuery Code:<script>$(function() {var footerBottom = $("#articlefooter").offset().top + $("#articlefooter").height();$(window).scroll(function() {if ($(this).scrollTop() > (footerBottom - $(window).height())) {131$("#prevpage").css('animation', 'leftmove 1s 2s forwards');$("#nextpage").css('animation', 'rightmove 1s 1s forwards');});});</script></xmp></code></pre>
  ক

  @media

  খ

  @keyframes

  গ

  animation-name

  ঘ

  !important
• Which of the following element is used to create a circle?
  ক

  &lt;cir&gt;

  খ

  &lt;round&gt;

  গ

  &lt;circle&gt;

  ঘ

  &lt;ellipse&gt;
• Which of the following code set the webpage correctly displayed on a device?
  ক

  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

  খ

  &lt;meta name="viewport" content="width=device-width, initial-scale=2.0"&gt;

  গ

  &lt;meta name="viewport" content="width=device-width, initial-scale='parent-size'"&gt;

  ঘ

  &lt;meta name="viewports" content="width=device-width, initial-scale=1.0"&gt;
• What should be written in the blank of the code for resizing elements in Responsive Web Design with Transitions<br><pre><code class="css"><xmp>Code:body { background-image: url(fog.jpg); background-size: cover;background-repeat: no-repeat; color: #fff; font-family: Avenir, Arial, sans-serif;}h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center;font-size: 10rem; margin: 8rem auto;}h1 { font-family: 'Calluna Sans', Arial, sans-serif;text-align: center; font-size: 10rem; margin: 8rem auto; transition: 1s font-size linear;}______________ and (max-width: 1100px) {h1 { font-size: 8rem; }</xmp></code></pre>
  ক

  @media

  খ

  @media screen

  গ

  div

  ঘ

  transform
• Which of the following element is used to begin an SVG image?
  ক

  &lt;image&gt;

  খ

  &lt;svg&gt;

  গ

  &lt;img&gt;

  ঘ

  &lt;graph&gt;
• Which of the following element is used to create an SVG ellipse?
  ক

  &lt;circle&gt;

  খ

  &lt;ellipse&gt;

  গ

  &lt;curve&gt;

  ঘ

  none of the mentioned
• What does this code do?<br><pre><code class="css"><xmp>Code: @media only screen and (max-width: 500px) { body { background-color: lightblue; }}</xmp></code></pre>
  ক

  If the browser window is smaller than 500px, the background color will change to lightblue:

  খ

  If the browser window is larger than 500px, the background color will change to lightblue:

  গ

  The background color will change to lightblue

  ঘ

  Nothing happens
• Which of the following css propery define the properties that will be animated in an animation rule?
  ক

  @keyframes

  খ

  animation-origin

  গ

  transform

  ঘ

  animation