Less Color Blending softlight()The Less color blending softlight function works similar to overlay function but it uses only a part of the color, which soft-highlights the other color. ,strong>Parameters:
Returns: Resultant color Softlight Function ExampleLet's take an example to demonstrate the usage of color blending softlight function 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:
Next TopicLess Color Blending hardlight()
|