ExamGecko
Question list
Search
Search

List of questions

Search

Related questions











Question 22 - AD0-E720 discussion

Report
Export

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)

A.
Option A
Answers
A.
Option A
B.
Option B
Answers
B.
Option B
C.
Option C
Answers
C.
Option C
Suggested answer: B

Explanation:

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]

asked 02/10/2024
Francesco Mammola
41 questions
User
Your answer:
0 comments
Sorted by

Leave a comment first