41. What does this code do?
Code:
@media only screen and (max-width: 768px) {
class*="col-"] {
width: 100%;
}
}
Code:
@media only screen and (max-width: 768px) {
class*="col-"] {
width: 100%;
}
} 42. Which of the following element is used to create a circle?
43. Which of the following method rotates an element around its Y-axis at a given degree using tranform 3D?
44. Which of the following transition-timing-function property lets you define your own values in a cubic-bezier function
45. Which of the following selector is used to select and style when you place mouse over it?
46. Which of the following css property repeats an image both horizontally and vertically?
47. Which of the following CSS3 property specifies the alignment of the replaced element inside its box?
48. 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>
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>