Joined
·
1,006 Posts
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:
and this for the boxes in the second page:
Code:
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
Your opinion is much apperciated, thanks!
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;
}
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;
}
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

Your opinion is much apperciated, thanks!