Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Can't make transition-timing work on Firefox
New Posts  All Forums:Forum Nav:

Can't make transition-timing work on Firefox

post #1 of 2
Thread Starter 
Hey guys,

I'm trying to make the CSS3 rotation and scale working on Firefox. It actually works, but it seems like the -moz-transition-timing isn't considered, the boxes just rotate or scale in a millisecond...
On other browsers is working though.

Here's the pages:
http://d3viliz3d.site90.com/autofficinaianna/servizi.php
http://d3viliz3d.site90.com/autofficinaianna/contatti.php

and the CSS: this one is for the "polaroids" of the first page:
Code:
.service:hover {
margin-top: -10px;

-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);

transition-property: scale;      /*Standard*/ 
transition-duration: 1s;
  
-webkit-transition-property:scale; /*safari*/
-webkit-transition-duration: 1s;

-o-transition-property: scale;      /*opera*/
-o-transition-duration: 1s;

-moz-transition-property: scale;    /*firefox*/
-moz-transition-duration: 1s;
}

and this for the boxes in the second page:
Code:
#orangebox:hover, #orangebox_little:hover {

-webkit-transform: rotate(-20deg); 
-moz-transform: rotate(-20deg);

 transition-property: rotate;      /*Standard*/ 
 transition-duration: 1s;
  
 -webkit-transition-property: rotate; /*safari*/
 -webkit-transition-duration: 1s;

 -o-transition-property: rotate;      /*opera*/
 -o-transition-duration: 1s;

 -moz-transition-property: rotate;    /*firefox*/
 -moz-transition-duration: 1s;
}

What's wrong with it?

Since you're there, you can give some hints to improve the website, I'm going to publish it in a few days for a customer tongue.gif

Your opinion is much apperciated, thanks!
post #2 of 2
Thread Starter 
Bump, no one knows about CSS3?
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Can't make transition-timing work on Firefox