ISSUE-17: Applying a (background) image to the foreground text

multicolor text

Applying a (background) image to the foreground text

State:
CLOSED
Product:
CSS3 Backgrounds and Borders
Raised by:
David Hyatt
Opened on:
2008-04-04
Description:
Safari Webkit is experimenting with a 'background-clip: text', which clips a background image to the area of the text of an element (including its shadow and decoration). This is a way to create text that is painted with a pattern or a gradient. It requires that the color of the text is transparent or semi-transparent. See http://webkit.org/blog/164/background-clip-text/

There may be better ways to do this, e.g., as a value on the 'color' property. See Dave Hyatt's comments on his own proposal:
http://lists.w3.org/Archives/Public/www-style/2008Apr/0066.html

See also “Specifying paint” in SVG 1.1: http://www.w3.org/TR/2003/REC-SVG11-20030114/painting.html#SpecifyingPaint
Related Actions Items:
No related actions
Related emails:
  1. [CSSWG] Minutes Telecon 2017-03-15 [css-grid] [css-inline] (from daelcss@gmail.com on 2017-03-15)
  2. [CSSWG] Minutes Seattle F2F 2017-01-11 Part II: Text Breakout - Hyphenation, Text Decoration (from daelcss@gmail.com on 2017-02-13)
  3. [css-grid] Agenda+ Summary of Open Issues (from fantasai.lists@inkedblade.net on 2017-02-01)
  4. [css-text-decor-3] Updated DoC, open issues (from fantasai.lists@inkedblade.net on 2016-12-27)
  5. [CSSWG] Minutes Telecon 2016-03-16 [css-snappoints] [css-2015] [css-ui] [css-values] (from daelcss@gmail.com on 2016-03-16)
  6. Re: [css-grid] Summary of Abspos Issues (from jackalmage@gmail.com on 2015-05-15)
  7. Re: [css-grid] Summary of Abspos Issues (from rego@igalia.com on 2015-05-12)
  8. [css-grid] Summary of Abspos Issues (from fantasai.lists@inkedblade.net on 2015-05-09)
  9. Re: [css-grid] Absolutely positioned items and static position (from fantasai.lists@inkedblade.net on 2015-05-08)
  10. Re: [css-masking] Ic issue 17: mask source and mask image (from dschulze@adobe.com on 2014-04-12)
  11. Re: [css-masking] editorial changes - spec update (from dschulze@adobe.com on 2013-12-12)
  12. Re: [css3-flexbox] miscellaneous comments on Chapter 4. Flex Items (from brad.kemper@gmail.com on 2012-07-25)
  13. [CSSWG] Minutes and Resolutions 2012-07-25 (from fantasai.lists@inkedblade.net on 2012-07-25)
  14. RE: Agenda conf call 25-jul-2012 (from szilles@adobe.com on 2012-07-24)
  15. Agenda conf call 25-jul-2012 (from daniel.glazman@disruptive-innovations.com on 2012-07-24)
  16. Re: [css3-flexbox] absolutely positioned flex item should not have side effect on space distribution (from mstensho@opera.com on 2012-07-24)
  17. Re: [css3-flexbox] absolutely positioned flex item should not have side effect on space distribution (from kennyluck@csail.mit.edu on 2012-07-24)
  18. Re: Agenda items for Weds (from fantasai@inkedblade.net on 2012-07-23)
  19. Re: [css3-flexbox] Painting order (from prowse@moonhenge.net on 2012-07-20)
  20. [CSSWG] Minutes and Resolutions Telecon 2012-07-18 (from fantasai.lists@inkedblade.net on 2012-07-19)
  21. Agenda, conf call 18-jul-2012 (from chris@w3.org on 2012-07-18)
  22. Re: Call for agenda items (from fantasai@inkedblade.net on 2012-07-17)
  23. Re: [css3-flexbox] miscellaneous comments on Chapter 4. Flex Items (from fantasai.lists@inkedblade.net on 2012-07-09)
  24. [css3-flexbox] Status and Going to CR (from jackalmage@gmail.com on 2012-07-09)
  25. [css3-flexbox] Status and Going to CR (from fantasai@inkedblade.net on 2012-07-09)
  26. [CSSWG] Minutes and Resolutions TPAC 2011-10-31 Monday Afternoon: @font-face, Flexbox, Multicol, GCPM (from fantasai.lists@inkedblade.net on 2011-11-28)
  27. Re: [css3-color] XSL FO SG comments on 'CSS Color Module Level 3' WD (from Tony.Graham@MenteithConsulting.com on 2010-10-06)
  28. Re: [css3-color] XSL FO SG comments on 'CSS Color Module Level 3' WD (from chris@w3.org on 2010-09-29)
  29. Re: [CSS21] stack level definitions in 9.9.1 (from poirier.justin@gmail.com on 2010-05-14)
  30. Re: [CSS21] stack level definitions in 9.9.1 (from i4chao@googlemail.com on 2010-05-14)
  31. Re: CSS21 z-index / stacking section error with rel-pos in floats (from fantasai.lists@inkedblade.net on 2008-07-03)
  32. RE: CSS21 z-index / stacking section error with rel-pos in floats (from prowse@moonhenge.net on 2008-05-20)
  33. [css3-background] Issues and Proposed Resolutions (from fantasai.lists@inkedblade.net on 2008-05-13)
  34. ISSUE-17 (multicolor text): Applying a (background) image to the foreground text [CSS3 Backgrounds and Borders] (from sysbot+tracker@w3.org on 2008-04-04)

Related notes:

Closed no change.

Elika Etemad, 11 Aug 2008, 10:05:51

Display change log ATOM feed


Alan Stearns <stearns@adobe.com>, Rossen Atanassov <ratan@microsoft.com>, Chairs, Chris Lilley <chris@w3.org>, Fuqiao Xue <xfq@w3.org>, Staff Contacts
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <w3t-sys@w3.org>.
$Id: 17.html,v 1.1 2020/01/17 10:39:14 carcone Exp $