Visualizzazione dei risultati da 1 a 9 su 9

Discussione: Zoom non Sfocato

Hybrid View

  1. #1

    Zoom non Sfocato

    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..

  2. #2
    Ciao,

    Hai un link dove posso vedere la pagina direttamente online ? Cosi posso vedere l'intero codice.

    Oppure posta l'intero codice, anche la parte HTML che fa parte della classe servizio.

  3. #3
    Quote Originariamente inviata da emi10 Visualizza il messaggio
    Ciao,

    Hai un link dove posso vedere la pagina direttamente online ? Cosi posso vedere l'intero codice.

    Oppure posta l'intero codice, anche la parte HTML che fa parte della classe servizio.
    Certo
    www.SEOagenzia.com

  4. #4
    Grazie.

    Da quanto vedo se non passi il mouse sopra la tabella sfocato.
    Se poi passi il mouse con l'effetto hover si vede correttamente.

    In sostanza vorresti che non risultasse mai sfocato ?

  5. #5
    Quote Originariamente inviata da emi10 Visualizza il messaggio
    Grazie.

    Da quanto vedo se non passi il mouse sopra la tabella sfocato.
    Se poi passi il mouse con l'effetto hover si vede correttamente.

    In sostanza vorresti che non risultasse mai sfocato ?
    Si, tra i due mali ho preferito questo..
    Si, mai sfocato, sempre limpido!
    Ora provo quel codice e ti dico..

    -- edit --

    Perfetto!
    Unica sciocchezza che rimasta, la linea tratteggiata (simile a quella di selezione) si sfoca sulle righe in bianco..
    Ho provato anche in questo caso ad invertire l'azione mettendo uno 0.9 di grandezza normalmente, che diventa un 1 sull'hover ma con questo test diventano sfocate le righe quando il div non ha il mouse sopra (hover).
    Potete vedere il risultato aggiornato se volere
    Ultima modifica di Luigi636; 14-04-2016 a 00:17

  6. #6
    C' qualcosa nello zoom, che opacizza.

    Prova a cancellare il tuo codice e sostituiscilo con questo. Dimmi che succede.
    Cosi poi posso vederlo online e cercare di correggerlo.
    Ovviamente salvati il tuo codice da qualche parte.

    codice:
    .servizio {
        -webkit-transition: all 250ms ease-in-out!important;
        -moz-transition: all 250ms ease-in-out!important;
        -ms-transition: all 250ms ease-in-out!important;
        -o-transition: all 250ms ease-in-out!important;
        transition: all 250ms ease-in-out!important;
    }
    
    
    .servizio:hover {
        -webkit-transform: scale(1.1,1.1)!important;
        -moz-transform: scale(1.1,1.1)!important;
        -o-transform: scale(1.1,1.1)!important;
        -ms-transform: scale(1.1,1.1)!important;
        transform: scale(1.1,1.1)!important;
        opacity: 0.7!important;
    }

  7. #7
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Sembrerebbe che il problema sia su Chrome soltanto, non ho guardato Safari.
    Comunque prova a usare zoom: 90% o zoom:110%. Un po' meglio sembra andare.

  8. #8
    Bene!

    Mi scrivi esattamente il codice che hai usato ? Cosi lo testo e ti dico.

  9. #9
    Certo!
    codice:
    .servizio {
        -webkit-transition: all 350ms ease-in-out!important;
        -moz-transition: all 350ms ease-in-out!important;
        -ms-transition: all 350ms ease-in-out!important;
        -o-transition: all 350ms ease-in-out!important;
        transition: all 350ms ease-in-out!important;
        -webkit-transform: scale(0.9,0.9)!important;
        -moz-transform: scale(0.9,0.9)!important;
        -o-transform: scale(0.9,0.9)!important;
        -ms-transform: scale(0.9,0.9)!important;
        transform: scale(0.9,0.9)!important;
    }
    
    
    
    
    .servizio:hover {
        -webkit-transform: scale(1,1)!important;
        -moz-transform: scale(1,1)!important;
        -o-transform: scale(1,1)!important;
        -ms-transform: scale(1,1)!important;
        transform: scale(1,1)!important;
    }

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.