You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: filter-effects-1/Overview.bs
+8-24Lines changed: 8 additions & 24 deletions
Original file line number
Diff line number
Diff line change
@@ -375,12 +375,10 @@ Unless defined otherwise, omitted values default to the <a for=svg>initial value
375
375
Note: For some filter functions the default value for omitted values differes from their <a for=svg>initial value</a> for interpolation. For the convenience of content creators, the default value for omitted values for ''grayscale()'', ''sepia()'' and ''invert()'' is ''1'' (apply the effect to 100%) while the <a for=svg>initial value</a> for interpolation is ''0'' (no effect).
Applies a Gaussian blur to the input image. The passed parameter defines the value of the standard deviation to the Gaussian function. The parameter is specified a CSS length, but does not accept percentage values. The markup equivalent of this function is <a href="#blurEquivalent">given below</a>.
381
381
382
-
Negative values are not allowed.
383
-
384
382
Default value when omitted is ''0px''.
385
383
386
384
The <a for=svg>initial value</a> for interpolation is ''0px''.
@@ -391,21 +389,17 @@ Note: For some filter functions the default value for omitted values differes fr
391
389
392
390
Note: A true Gaussian blur has theoretically infinite extent, but in practice all implementations use a finite-area approximation of a Gaussian blur. At the time of writing (January 2024) all major implementations use the familiar three-pass box blur approximation, which has extent:<br><code>((3 * sqrt(2 * π) / 4) * σ)</code>.
Applies a linear multiplier to input image, making it appear more or less bright. A value of ''0%'' will create an image that is completely black. A value of ''100%'' leaves the input unchanged. Other values are linear multipliers on the effect. Values of amount over 100% are allowed, providing brighter results. The markup equivalent of this function is <a href="#brightnessEquivalent">given below</a>.
397
395
398
-
Negative values are not allowed.
399
-
400
396
Default value when omitted is ''1''.
401
397
402
398
The <a for=svg>initial value</a> for interpolation is ''1''.
Adjusts the contrast of the input. A value of ''0%'' will create an image that is completely gray. A value of ''100%'' leaves the input unchanged. Values of amount over 100% are allowed, providing results with more contrast. The markup equivalent of this function is <a href="#contrastEquivalent">given below</a>.
406
402
407
-
Negative values are not allowed.
408
-
409
403
Default value when omitted is ''1''.
410
404
411
405
The <a for=svg>initial value</a> for interpolation is ''1''.
@@ -424,12 +418,10 @@ Note: For some filter functions the default value for omitted values differes fr
424
418
The [=ink overflow rectangle=] for a drop shadow is the extent of the offsets,
425
419
plus the extent of the blur (if any) as described for ''blur()''.
Converts the input image to grayscale. The passed parameter defines the proportion of the conversion. A value of ''100%'' is completely grayscale. A value of ''0%'' leaves the input unchanged. Values between ''0%'' and ''100%'' are linear multipliers on the effect. Values of amount over ''100%'' are allowed but UAs must clamp the values to ''1''. The markup equivalent of this function is <a href="#grayscaleEquivalent">given below</a>.
430
424
431
-
Negative values are not allowed.
432
-
433
425
Default value when omitted is ''1''.
434
426
435
427
The <a for=svg>initial value</a> for interpolation is ''0''.
@@ -443,42 +435,34 @@ Note: For some filter functions the default value for omitted values differes fr
443
435
Default value when omitted is ''0deg''.
444
436
445
437
The <a for=svg>initial value</a> for interpolation is ''0deg''.
Inverts the samples in the input image. The passed parameter defines the proportion of the conversion. A value of 100% is completely inverted. A value of ''0%'' leaves the input unchanged. Values between ''0%'' and ''100%'' are linear multipliers on the effect. Values of amount over ''100%'' are allowed but UAs must clamp the values to ''1''. The markup equivalent of this function is <a href="#invertEquivalent">given below</a>.
449
441
450
-
Negative values are not allowed.
451
-
452
442
Default value when omitted is ''1''.
453
443
454
444
The <a for=svg>initial value</a> for interpolation is ''0''.
Applies transparency to the samples in the input image. The passed parameter defines the proportion of the conversion. A value of ''0%'' is completely transparent. A value of ''100%'' leaves the input unchanged. Values between ''0%'' and ''100%'' are linear multipliers on the effect. This is equivalent to multiplying the input image samples by amount. Values of amount over ''100%'' are allowed but UAs must clamp the values to ''1''. The markup equivalent of this function is <a href="#opacityEquivalent">given below</a>.
458
448
459
-
Negative values are not allowed.
460
-
461
449
Default value when omitted is ''1''.
462
450
463
451
The <a for=svg>initial value</a> for interpolation is ''1''.
464
452
465
453
Note: The opacity filter function is not meant to be a shorthand of the 'opacity' property. Furthermore, it allows setting the transparency of intermediate filter primitive results before passing to the next filter primitive. If the opacity filter function is set as last filter primitive, the value of the 'opacity' property is multiplied on top of the value of the filter function, which may result in a more transparent content.
Saturates the input image. The passed parameter defines the proportion of the conversion. A value of ''0%'' is completely un-saturated. A value of ''100%'' leaves the input unchanged. Other values are linear multipliers on the effect. Values of amount over ''100%'' are allowed, providing super-saturated results. The markup equivalent of this function is <a href="#saturateEquivalent">given below</a>.
470
458
471
-
Negative values are not allowed.
472
-
473
459
Default value when omitted is ''1''.
474
460
475
461
The <a for=svg>initial value</a> for interpolation is ''1''.
Converts the input image to sepia. The passed parameter defines the proportion of the conversion. A value of ''100%'' is completely sepia. A value of ''0%'' leaves the input unchanged. Values between 0% and 100% are linear multipliers on the effect. Values of amount over ''100%'' are allowed but UAs must clamp the values to ''1''. The markup equivalent of this function is <a href="#sepiaEquivalent">given below</a>.
479
465
480
-
Negative values are not allowed.
481
-
482
466
Default value when omitted is ''1''.
483
467
484
468
The <a for=svg>initial value</a> for interpolation is ''0''.
0 commit comments