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