Less fade()
The Less Fade function is used to set the transparency of the color for selected elements. The parameters used for fade function are:
- color: It is used to specify color object.
- amount: Its percentage varies between 0 – 100%.
Fade Function Example
Let’s take an example to demonstrate the usage of fade color operation in Less file.
Create a HTML file named “simple.html”, having the following data.
HTML file: simple.html
Now create a file named “simple.less”. It is similar to CSS file. The only one difference is that it is saved with “.less” extension.
LESS file: simple.less
Put the both file “simple.html” and “simple.less” inside the root folder of Node.js
Now, execute the following code: lessc simple.less simple.css
This will compile the “simple.less” file. A CSS file named ?simple.css? will be generated.
For example:
The generated CSS “simple.css”, has the following code:
Output: