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
10 months agoOzell
10 months agoJimmie
10 months agoZena
11 months agoLorrine
11 months agoRosalyn
11 months agoShonda
11 months agoGlynda
11 months agoLajuana
11 months agoZena
11 months agoWendell
11 months agoDeandrea
11 months agoCarla
11 months agoJesusa
11 months agoDiane
12 months agoChanel
12 months agoLevi
12 months agoIesha
12 months ago