From c75b886548096de96ef59111075b5e362bed78ac Mon Sep 17 00:00:00 2001 From: andy Date: Thu, 12 Dec 2024 07:03:54 +0100 Subject: [PATCH] :books: Info about layers blend and opacity --- docs/img/styling/blend-opacity.webp | Bin 0 -> 3674 bytes docs/user-guide/styling/index.njk | 28 +++++++++++++++++++++++++++- 2 files changed, 27 insertions(+), 1 deletion(-) create mode 100644 docs/img/styling/blend-opacity.webp diff --git a/docs/img/styling/blend-opacity.webp b/docs/img/styling/blend-opacity.webp new file mode 100644 index 0000000000000000000000000000000000000000..4a2a3d4eb9ea109b66086156950ca16d2d974f74 GIT binary patch literal 3674 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 literal 0 HcmV?d00001 diff --git a/docs/user-guide/styling/index.njk b/docs/user-guide/styling/index.njk index 4da6ff2d3..f59373839 100644 --- a/docs/user-guide/styling/index.njk +++ b/docs/user-guide/styling/index.njk @@ -155,4 +155,30 @@ title: 06ยท Styling - \ No newline at end of file + + +

Opacity and blend

+

Set the overal opacity for layers and their blend mode.

+

Blend allows you to control how a layer interacts with the layers beneath it, determining how pixels from the current layer are combined with pixels in the underlying layers. Use blend to achive various effects, such as shading, highlights, or creative visual styles.

+
+ Layer blend and opacity +
+

Blend options available:

+
    +
  • Normal
    • +
  • Darken
    • +
  • Multiply
    • +
  • Color burn
    • +
  • Lighten
    • +
  • Screen
    • +
  • Color dodge
    • +
  • Overlay
    • +
  • Soft light
    • +
  • Hard light
    • +
  • Difference
    • +
  • Exclusion
    • +
  • Hue
    • +
  • Saturation
    • +
  • Color
    • +
  • Luminosity
    • +
\ No newline at end of file