Css3 Transitions And Css 3 Animations MCQs with Explanations

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications.

Syntax: binding: none | url(bindingfile)

Syntax: @keyframes: keyframe-name {percentage | from | to {cssrules}}

Syntax: transform: list of transform-functions | none

Syntax: transition-delay: time1

Syntax: transition-property: all | none | property-name-1

Syntax:transition-timing-function transition-timing-function: timingfunction,timingfunction2,...timingfunctionN]

Syntax: animation-direction: normal | alternate [,normal | alternate

Syntax: animation-iteration-count: number | infinite

Syntax:animation-name: @keyframe-name | none

Scalable Vector Graphics is the correct answer to “What does SVG stands for”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

rr is the correct answer to “Which of the following is not an attribute used with SVG ellipse”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

all of the mentioned is the correct answer to “Which of the following is attribute of SVG line”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

all of the mentioned is the correct answer to “Which of the following defines the color of a line, text or outline of an element”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

all of the mentioned is the correct answer to “Which of the following css property should be used to make a responsive image”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

transition-duration is the correct answer to “Which of the following css property is used to define the time it takes one iteration of an animation to play”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

transform-render is the correct answer to “Which of the following CSS3 property specifies how nested elements are rendered in 3D space”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

nav-side is the correct answer to “Which of the following CSS3 property specifies where to navigate when using the arrow-right navigation key”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

If the browser window is smaller than 500px, the background color will change to lightblue: is the correct answer to “What does this code do? Code: @media only screen and (max-width: 500px) { body { background-color: lightblue; } }”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

ease is the correct answer to “Which of the following transition-timing-function property specifies a transition effect with a slow start, then fast, then end slowly”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

<ellipse> is the correct answer to “Which of the following element is used to create an SVG ellipse”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

backface-visibility is the correct answer to “Which of the following css property defines whether or not an element should be visible when not facing the screen”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

length is the correct answer to “Which of the following CSS3 property specifies whether or not an element is resizable by the user”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

inherit is the correct answer to “Which of the following nav-right value is used to the inherits this property from its parent element”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

length is the correct answer to “Which of the following outline-offset value sets the distance the outline is outset from the border edge”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

ease-in is the correct answer to “Which of the following transition-timing-function property specifies a transition effect with a slow start”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

<svg> is the correct answer to “Which of the following element is used to begin an SVG image”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

matrix() is the correct answer to “Which of the following method combines all the 2D transform methods into one using transform”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

@media screen is the correct answer to “What should be written in the blank of the code for resizing elements in Responsive Web Design with Transitions 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; }”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> is the correct answer to “Which of the following code set the webpage correctly displayed on a device”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

box-sizing is the correct answer to “Which of the following CSS3 property is used to tell the browser what the sizing properties should be include”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

When the screen gets smaller than 768px, each column should have a width of 100%. is the correct answer to “What does this code do? Code: @media only screen and (max-width: 768px) { class*="col-"] { width: 100%; } }”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

<circle> is the correct answer to “Which of the following element is used to create a circle”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

@keyframes is the correct answer to “What should be written in the blank of the code for JQuery Code Used to Apply CSS3 Animations? CSS Code: _________ leftmove { 100% { transform: translateX(-70px); opacity: 1; } } _________ rightmove { 100% { transform: translateX(70px); opacity: 1; } } 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>”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

<polyline> is the correct answer to “Which of the following element is used to create any shape that consists of only straight lines”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

web page will have a lighblue background if the orientation is in landscape mode is the correct answer to “What does this code do? Code: @media only screen and (orientation: landscape) { body { background-color: lightblue; } }”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

<rect> is the correct answer to “Which of the following element is used to create a SVG rectangle”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.

<line> is the correct answer to “Which of the following element is used to create a SVG line”. This question is standard in competitive examination syllabi for Css3 Transitions And Css 3 Animations.