Using CSS3 transitions in Custom Design – code being stripped

• 

  rolandbenedetti · Member · Jul 3, 2011 at 10:01 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I try to use a CSS3 transition in my custom design.
  The code I add looks like this:

  #primary {
  background:none repeat scroll 0 0 transparent;
  -webkit-border-radius:5px;
  -webkit-transition-property:color, background;
  -webkit-transition-duration: 1s, 1s;
  -webkit-transition-timing-function: linear, ease-in;
  }
  
  #primary:hover {
  background:#ffffff;
  }

  unfortunately when I save, Custom Design strip my code and keep only

  #primary {
  background:none repeat scroll 0 0 transparent;
  -webkit-border-radius:5px;
  }
  
  #primary:hover {
  background:#ffffff;
  }

  any idea?
  note: I am using twenty eleven

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 4, 2011 at 1:27 am

  • Copy link

  If it is being stripped out of the CSS then that means those are not supported here at wordpress.COM yet.

• 

  rolandbenedetti · Member · Jul 4, 2011 at 4:14 pm

  • Copy link

  Thx,
  I am new to wordpress, what kind of hope can I have this will change?

• 

  thesacredpath · Member · Jul 4, 2011 at 9:43 pm

  • Copy link

  You are welcome. It will change. WordPress is committed to HTML5 and CSS3, but we never know when they are going to expand their coverage of the two, but they will. Since it has to be implemented by the core wordpress development team, it will depend on their priorities.

• 

  thesacredpath · Member · Jul 4, 2011 at 11:10 pm

  • Copy link

  You know, the other thing with transitions is browser support, and there are still a good number of people using browser versions that do not support it. IE9 and earlier do not support them. IE10 supposedly will, but that is probably a year down the road.

  It might be a little while yet before we see transitions supported here.