Using CSS3 transitions in Custom Design – code being stripped

  • Author
    Posts
  • #646151

    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.

    #646401

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

    #646482

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

    #646493

    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.

    #646496

    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.

The topic ‘Using CSS3 transitions in Custom Design – code being stripped’ is closed to new replies.