Tips&Tricks
All units of measurement available in CSS can be used.
Math#
You can use the following mathematical operations in the input field: + - * /.
For example, enter the 720px/2 value, click on Enter and get the 360px value.
Calc()#
If you enter an expression containing different units, the input field will reformat it into a calc value.
For example, 100vh-60px will be converted to calc(100vh-60px).
Input shortcuts#
| Action | Windows and Linux | MacOS |
|---|---|---|
| Increase by 1 | ↑ | ↑ |
| Decrease by 1 | ↓ | ↓ |
| Increase by 10 | Shift + ↑ | ⇧ (Shift) + ↑ |
| Decrease by 10 | Shift + ↓ | ⇧ (Shift) + ↓ |
| Increase by 0.1 | Alt + ↑ | ⌥ (Option) + ↑ |
| Decrease by 0.1 | Alt + ↓ | ⌥ (Option) + ↓ |
| Increase by 100 | Ctrl + ↑ | ⌘ (Cmd) + ↑ |
| Decrease by 100 | Ctrl + ↓ | ⌘ (Cmd) + ↓ |