Free Preparation Discussions
MENU
Adobe AD0-E720 Exam - Topic 1 Question 2 Discussion
Topic #: 1
An Adobe Commerce developer has found following code:
After compiling the .less file into a .ess file, what will be the results of the code above?
A)
B)
C)
After compiling the .less file into a .css file, the result of the code above will be option B. This is because the .less file uses a mixin called .animation() that takes two parameters: the name of the animation and the duration. The mixin defines a set of vendor-prefixed properties for the animation and assigns them the values of the parameters. For example:
.animation(@name; @duration) { -webkit-animation-name: @name; -webkit-animation-duration: @duration; -moz-animation-name: @name; -moz-animation-duration: @duration; animation-name: @name; animation-duration: @duration; }
When the mixin is called with the values ''fade'' and ''2s'', it will generate the following CSS code:
-webkit-animation-name: fade; -webkit-animation-duration: 2s; -moz-animation-name: fade; -moz-animation-duration: 2s; animation-name: fade; animation-duration: 2s;
Option A is not correct because it does not use the vendor prefixes for the animation properties. Option C is not correct because it uses the wrong values for the animation name and duration. Reference: [LESS Mixins], [CSS Animations]
Kallie
3 months agoOzell
3 months agoJimmie
4 months agoZena
4 months agoLorrine
4 months agoRosalyn
4 months agoShonda
4 months agoGlynda
5 months agoLajuana
5 months agoZena
5 months agoWendell
5 months agoDeandrea
5 months agoCarla
5 months agoJesusa
5 months agoDiane
5 months agoChanel
5 months agoLevi
5 months agoIesha
5 months ago