diff options
| author | Georges Basile Stavracas Neto <georges.stavracas@gmail.com> | 2016-07-01 10:01:43 -0300 |
|---|---|---|
| committer | Matthias Clasen <mclasen@redhat.com> | 2016-07-03 17:24:47 -0400 |
| commit | 27fea1c4fc7e178fd435a4bb0c5d5c836d72ed09 (patch) | |
| tree | c42b3e24aa98bc74fe5d00580eb40cc6e462c962 /docs/reference | |
| parent | 369db4a40650bbbcd6125b9b97f486925d93541e (diff) | |
| download | gtk+-27fea1c4fc7e178fd435a4bb0c5d5c836d72ed09.tar.gz | |
css: add documentation for background-blend-mode
After introducing the new CSS property, it is natural to
add some documentation explaining the behavior of it and
our support coverage.
https://bugzilla.gnome.org/show_bug.cgi?id=768305
Diffstat (limited to 'docs/reference')
| -rw-r--r-- | docs/reference/gtk/css-properties.xml | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/docs/reference/gtk/css-properties.xml b/docs/reference/gtk/css-properties.xml index 6416dbad6e..9475fbeb76 100644 --- a/docs/reference/gtk/css-properties.xml +++ b/docs/reference/gtk/css-properties.xml @@ -1110,6 +1110,15 @@ We use <literallayout> for syntax productions, and each line is put in a <code> <entry>not supported: urls without quotes, CSS radial gradients, colors in crossfades</entry> </row> <row> + <entry>background-blend-mode</entry> + <entry><code>〈blend-mode〉 [ , 〈blend-mode〉 ]*</code></entry> + <entry><code>normal</code></entry> + <entry></entry> + <entry></entry> + <entry></entry> + <entry>only affects multiple backgrounds</entry> + </row> + <row> <entry>box‑shadow</entry> <entry><code>none | 〈box shadow〉 [ , 〈box shadow〉 ]*</code></entry> <entry><code>none</code></entry> @@ -1144,6 +1153,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code> <code>〈bg-image〉 = 〈image〉 | none</code> <code>〈bg-layer〉 = 〈bg-image〉 || 〈position〉 [ / 〈bg-size〉 ]? || 〈bg-repeat〉 || 〈box〉 || 〈box〉</code> <code>〈final-bg-layer〉 = 〈bg-image〉 || 〈position〉 [ / 〈bg-size〉 ]? || 〈bg-repeat〉 || 〈box〉 || 〈box〉|| 〈color〉</code> +<code>〈blend-mode〉 = color || color-burn || color-dodge || darken || difference || exclusion || hard-light || hue || lighten || luminosity || multiply || normal || overlay || saturate || screen || soft-light</code> <code>〈box shadow〉 = inset? && 〈length〉{2,4}? && 〈color〉?</code> </literallayout> @@ -1152,6 +1162,10 @@ We use <literallayout> for syntax productions, and each line is put in a <code> background images are absent or have transparency. </para> + <para> + Alternatively, multiple backgrounds can be blended using the <code>background-blend-mode</code> property. + </para> + <table pgwide="1"> <title>Transition properties</title> <tgroup cols="7"> |