<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://www.w3.org/Bugs/Public/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4"
          urlbase="https://www.w3.org/Bugs/Public/"
          
          maintainer="sysbot+bugzilla@w3.org"
>

    <bug>
          <bug_id>14925</bug_id>
          
          <creation_ts>2011-11-25 04:04:14 +0000</creation_ts>
          <short_desc>Add a way to rotate background images with CSS</short_desc>
          <delta_ts>2011-11-25 15:46:20 +0000</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>CSS</product>
          <component>General</component>
          <version>unspecified</version>
          <rep_platform>Other</rep_platform>
          <op_sys>other</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc>http://www.whatwg.org/specs/web-apps/current-work/#top</bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P3</priority>
          <bug_severity>normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter>contributor</reporter>
          <assigned_to name="This bug has no owner yet - up for the taking">dave.null</assigned_to>
          <cc>cmarrin</cc>
    
    <cc>dino</cc>
    
    <cc>eoconnor</cc>
    
    <cc>mike</cc>
    
    <cc>public-html-admin</cc>
    
    <cc>public-html-wg-issue-tracking</cc>
    
    <cc>smfr</cc>
          
          <qa_contact name="This bug has no owner yet - up for the taking">dave.null</qa_contact>

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>60461</commentid>
    <comment_count>0</comment_count>
    <who name="">contributor</who>
    <bug_when>2011-11-25 04:04:14 +0000</bug_when>
    <thetext>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&apos;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&apos;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</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>60482</commentid>
    <comment_count>1</comment_count>
    <who name="Michael[tm] Smith">mike</who>
    <bug_when>2011-11-25 10:13:55 +0000</bug_when>
    <thetext>(In reply to comment #0)
&gt; I would love to see a way to rotate background images with CSS3. As an artist
&gt; this would save large amounts of time.
&gt; 
&gt; Darren D&apos;Agostino, Off the Rack

CSS3 Transforms are what you want</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>60501</commentid>
    <comment_count>2</comment_count>
    <who name="Simon Fraser">smfr</who>
    <bug_when>2011-11-25 15:46:20 +0000</bug_when>
    <thetext>No, CSS Transforms don&apos;t allow you to transform the background independently.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>