Less Basic Tutorial
Language Features
Functions
Usage
Less Useful Resources
Selected Reading
Language Features
- Less - Parent Selectors
- Less - Merge
- Less - Loops
- Less - CSS Guards
- Less - Mixin Guards
- Less - Import Options
- Less - Import Directives
- Less - Passing Rulesets to Mixins
- Less - Mixins as Functions
- Less - Parametric Mixins
- Less - Mixins
- Less - Extend
- Less - Variables
- Less - Importing
- Less - Comments
- Less - Scope
- Less - Namespaces and Accessors
- Less - Functions
- Less - Escaping
- Less - Operations
- Less - Nested Directives and Bubbling
- Less - Nested Rules
Functions
- Less - Color Blending Functions
- Less - Color Operation
- Less - Color Channel Functions
- Less - Color Defination Functions
- Less - Type Functions
- Less - Math Functions
- Less - List Functions
- Less - String Functions
- Less - Misc Functions
Usage
- Less - Frameworks
- Less - Third Party Compilers
- Less - Editors and Plugins
- Less - GUIs
- Less - Online Compilers
- Less - Programmatic Usage
- Less - Plugins
- Less - Browser support
- Using Less In The Browser
- Less - Command Line Usage
Less Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Less - Color Blending Functions
LESS - Color Blending Functions
In this chapter, we will understand the Color Blending Functions in LESS. These are similar operations used in image editors pke Photoshop, Fireworks or GIMP, which matches your CSS colors to your images.
The following table shows the color blending functions used in LESS.
| Sr.No. | Functions & Description |
|---|---|
| 1 |
It multippes two colors and returns a resultant color. |
| 2 |
It takes two colors and returns a brighter color. It works opposite of multiply function. |
| 3 |
It generates result by combining the effect of multiply and screen. |
| 4 |
It works similar to overlay but it uses only a part of the color, which soft-highpghts the other color. |
| 5 |
It works similar to overlay but the role of the colors reversed. |
| 6 |
It subtracts the second input color from the first input color. |
| 7 |
It works similar to difference function but with lower contrast. |
| 8 |
It computes the average of two input colors on a per-channel (RGB) basis. |
| 9 |
It works opposite to difference function, which subtracts first color from second color. |