WordPress.com

1. rolandbenedetti
   Member
   Jul 3, 2011, 10:01 PM

   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. thesacredpath
   Member
   Jul 4, 2011, 1:27 AM

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

3. rolandbenedetti
   Member
   Jul 4, 2011, 4:14 PM

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

4. thesacredpath
   Member
   Jul 4, 2011, 9:43 PM

   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. thesacredpath
   Member
   Jul 4, 2011, 11:10 PM

   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.