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