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> A. @media
B. @keyframes
C. animation-name
D. !important
Answer: Option B
This Question Belongs to CSS >> CSS3 Transitions And CSS 3 Animations
Related Questions on CSS3 Transitions And CSS 3 Animations
A. Scaled Vector Graph
B. Scalable Vector Graphics
C. Scaled Vector Graphics
D. None of the mentioned
Which of the following defines the color of a line, text or outline of an element?
A. text
B. stroke
C. line
D. all of the mentioned
Join The Discussion