2015-10-05 4 views
11

Ho notato nei miei molti anni di web design che l'ombra della scatola CSS è enormemente costosa con risorse e fa sì che molti vecchi telefoni siano in ritardo; ma è così con text-shadow? Quando va bene usare text-shadow e come viene reso?L'efficienza del CSS è l'ombreggiatura del testo, così come l'ombra del riquadro?

+0

Non sarei sorpreso se lo fosse. Ma sono davvero curioso di sapere se usano per es. algoritmi simili di sfocatura e composizione del colore. – BoltClock

+0

@BoltClock ... almeno puoi falsificare l'ombra della scatola con relativamente pochi tag. Sono rimasto incredibilmente sorpreso che nessun altro abbia fatto questa domanda. Forse io (o noi) dovremmo guardare il codice sorgente, ma non ho idea di dove ottenere l'accesso. –

+0

Scommetto che è ancora più costoso, dal momento che le forme dei personaggi sono più complesse dei rettangoli. –

risposta

3

L'ombra della scatola di CSS è enormemente costosa con le risorse e causa molti vecchi telefoni in ritardo; ma è così con text-shadow?

Suppongo che la risposta breve sia sì: text-shadow è costoso per gli stessi motivi di box-shadow.

Sembra che questo articolo confermi che text-shadow può causare problemi di prestazioni: http://codeincomplete.com/posts/2011/8/11/noglow/.

C'è anche questa domanda che sembra correlata e ha una risposta accettata: text-shadow (and other css3) causes scroll lag.

Quando è bene usare text-shadow

Credo che questo dipende dal vostro pubblico e castrato hanno hardware potente abbastanza.

... e come viene visualizzato?

Questo sembra chiedere dettagli di implementazione che sono probabilmente specifici per browser/piattaforma, ... e probabilmente non pertinenti per la maggior parte della domanda. :)

Problemi correlati