Overclock.net banner

1 - 2 of 2 Posts

·
Registered
Joined
·
1,005 Posts
Discussion Starter · #1 ·
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:

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:

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!
 
1 - 2 of 2 Posts
Top