CSS3 Transitions

• 

  merlinpress · Member · Aug 27, 2010 at 11:18 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Read elsewhere in the forum that WP strips out certain vendor specific CSS3 code.
  Was wondering if anybody knew if this includes the transitions property?

  I’m trying to add a subtle animation to my menu, was just wondering if my code is wrong or it’s being stripped out by WP? If so, any idea when they’re going to start enabling this functionality?

  CSS:

  #primary a {
  background:#fff;
  color:#999999;
  text-decoration:none;
  padding:2px;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  }

  #primary a:hover {
  background:#B0DD9E!important;
  color:#666666;
  padding:2px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  }

  From http://merlinmason.co.uk

  Am I missing something?

  Thanks for any help!

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

• 

  thesacredpath · Member · Aug 28, 2010 at 12:56 am

  • Copy link

  Since so much of CSS3 is still not final, I doubt seriously if WP is supporting much of it at this point.

  Generally if your syntax is good, and it gets stripped out, then that means that wordpress does not yet support it.

  Exactly what CSS3 is supported and what is not is only known to staff at this point.

• 

  thesacredpath · Member · Aug 28, 2010 at 12:57 am

  • Copy link

  And what is just as important is browser support.

• 

  markel · Staff · Aug 28, 2010 at 1:20 am

  • Copy link

  I’m trying to add a subtle animation to my menu, was just wondering if my code is wrong or it’s being stripped out by WP? If so, any idea when they’re going to start enabling this functionality?

  We are able to support some CSS3 declarations at this time, but unfortunately transitions and gradients aren’t supported and so are stripped out of Custom CSS. (We also don’t yet have multiple background images, which is something I want for my own site.)

• 

  merlinpress · Member · Aug 28, 2010 at 11:26 am

  • Copy link

  We are able to support some CSS3 declarations at this time, but unfortunately transitions and gradients aren’t supported and so are stripped out of Custom CSS.

  OK fair enough :)
  It’s really not essential to the site.

  I’m sure it’ll all come in with time.

  Thanks, Merlin

• 

  jonathankapaldo · Member · Sep 7, 2010 at 4:32 pm

  • Copy link

  When will CSS3 transitions, gradients, transforms be supported?

  A bit frustrating to be able to use these on wordpress.org installs, but not with a wordpress.com purchased add-on!

  Thanks,
  Jonathan

• 

  markel · Staff · Sep 7, 2010 at 6:56 pm

  • Copy link

  When will CSS3 transitions, gradients, transforms be supported?

  A bit frustrating to be able to use these on wordpress.org installs, but not with a wordpress.com purchased add-on!

  We don’t have an ETA on this at the present time.