W3C home > Mailing lists > Public > public-css-bugzilla@w3.org > October 2012

[Bug 19155] New: Great Idea - CSS3 element(), image() and image-set() functions "content" property

From: <bugzilla@jessica.w3.org>
Date: Mon, 01 Oct 2012 01:43:42 +0000
To: public-css-bugzilla@w3.org
Message-ID: <bug-19155-5148@http.www.w3.org/Bugs/Public/>
https://www.w3.org/Bugs/Public/show_bug.cgi?id=19155

           Summary: Great Idea - CSS3 element(), image() and image-set()
                    functions "content" property
           Product: CSS
           Version: unspecified
          Platform: All
        OS/Version: All
            Status: NEW
          Severity: normal
          Priority: P2
         Component: Image Values and Replaced Content
        AssignedTo: jackalmage@gmail.com
        ReportedBy: alexei03a@gmail.com
         QAContact: public-css-bugzilla@w3.org
                CC: fantasai.bugs@inkedblade.net


Using the CSS3 image () in the content can greatly enhance the ability of
developers.

- Using fallbacks (if image does not support, then display next).
- Display, for example, first frame of GIF image.
- Fill element by solid color, if have width and height attribute.
- NOT JavaScript, pure CSS3.
- Images by CSS, not only HTML5.
- Visual custom elements (display canvas instead img, but this element is img).

Examples:

#img {
    content: image('cat_meme.gif#frame=5', 'lolcat.png');
}
Display 5'th frame of GIF image. Visual element is static.

#img:after {
    content: image('cat_meme.gif#frame=5', 'lolcat.png');
}
Insert to container 5'th frame of GIF image after content.

#img {
    content: element(#canvas);
}
Conversion simple image element to interactive canvas element. Size must
correct working, like image element.

#img:after {
    content: element(#canvas);
}
Insert canvas element to after of content in container.

-- 
Configure bugmail: https://www.w3.org/Bugs/Public/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the QA contact for the bug.
Received on Monday, 1 October 2012 01:43:44 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 1 October 2012 01:43:44 GMT