Salve,
ho applicato questo CSS ad una piccola tabella, tuttavia quando vado a fare lo zoom si vede tutto sfocato..
Il codice è questo:
codice:
.servizio{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform:translateZ(0) scale(1.10); /* Safari and Chrome */
-moz-transform:scale(1.10); /* Firefox */
-ms-transform:scale(1.10); /* IE 9 */
-o-transform:translatZ(0) scale(1.10); /* Opera */
transform:translatZ(0) scale(1.10);
}
.servizio:hover{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform:translateZ(0) scale(1.10); /* Safari and Chrome */
-moz-transform:scale(1.10); /* Firefox */
-ms-transform:scale(1.10); /* IE 9 */
-o-transform:translatZ(0) scale(1.10); /* Opera */
transform:translatZ(0) scale(1.10);
}
Ho provato ad invertire il processo, così:
codice:
.servizio{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform:translateZ(0) scale(0.90); /* Safari and Chrome */
-moz-transform:scale(0.90); /* Firefox */
-ms-transform:scale(0.90); /* IE 9 */
-o-transform:translatZ(0) scale(0.90); /* Opera */
transform:translatZ(0) scale(0.90);
}
.servizio:hover{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform:translateZ(0) scale(1.00); /* Safari and Chrome */
-moz-transform:scale(1.00); /* Firefox */
-ms-transform:scale(1.00); /* IE 9 */
-o-transform:translatZ(0) scale(1.00); /* Opera */
transform:translatZ(0) scale(1.00);
}
Ma il risultato è che ora è sfocato quando non è in hover..