Need help? Check out our Support site, then


Using CSS3 transitions in Custom Design - code being stripped

  1. rolandbenedetti
    Member

    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 crakette.wordpress.com.

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

  3. rolandbenedetti
    Member

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

  4. 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.

  5. 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.

Topic Closed

This topic has been closed to new replies.

About this Topic