[Bug 14925] New: I would love to see a way to rotate background images with CSS3. As an artist this would save large amounts of time. When creating a high-end seamless tiling background, it takes skill and time. If you want to have it on an angle, it's very difficult and

http://www.w3.org/Bugs/Public/show_bug.cgi?id=14925

           Summary: I would love to see a way to rotate background images
                    with CSS3. As an artist this would save large amounts
                    of time. When creating a high-end seamless tiling
                    background, it takes skill and time. If you want to
                    have it on an angle, it's very difficult and
           Product: HTML WG
           Version: unspecified
          Platform: Other
               URL: http://www.whatwg.org/specs/web-apps/current-work/#top
        OS/Version: other
            Status: NEW
          Severity: normal
          Priority: P3
         Component: HTML5 spec (editor: Ian Hickson)
        AssignedTo: ian@hixie.ch
        ReportedBy: contributor@whatwg.org
         QAContact: public-html-bugzilla@w3.org
                CC: mike@w3.org, public-html-wg-issue-tracking@w3.org,
                    public-html@w3.org


Specification: http://www.w3.org/TR/html5/
Multipage: http://www.whatwg.org/C#top
Complete: http://www.whatwg.org/c#top

Comment:
I would love to see a way to rotate background images with CSS3. As an artist
this would save large amounts of time.

When creating a high-end seamless tiling background, it takes skill and time.
If you want to have it on an angle, it's very difficult and can take many
hours. This is even more complex if the background needs to be geometric. I
have worked on backgrounds like that which took days to complete. 

By giving us a simple property in CSS to do this, we could create tiling
backgrounds and then let the browser rotate those images. Not only would it
save heaps of time producing these images, but it would allow us to reuse
background images that otherwise would seem mundane and repetitive.

Scan lines are a perfect trendy example. You could quickly create tiling lines
that are vertical or horizontal and then rotate them various degrees and
create different looks quickly on multiple sites.

I would opt for something very simple, such as:

background-rotate: 25deg;
background-rotate: -25deg;
background: url(images/bg.png) center center repeat 25deg;

this would follow the current syntax we are used to.

thanks and hope I this can be implemented before HTML5 and CSS3 are finalized.


Darren D'Agostino, Off the Rack

Posted from: 24.44.234.196
User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8)
AppleWebKit/534.51.22 (KHTML, like Gecko) Version/5.1.1 Safari/534.51.22

-- 
Configure bugmail: http://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 Friday, 25 November 2011 04:04:19 UTC