Text verstecken โ€“ performantere Alternative zum -999em-Hack

Apr 13, 2012 05:49 ยท 49 words ยท 1 minute read css

Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.

Sounds legit. Erster Einsatz war erfolgreich.

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

Quelle: Replacing the -9999px hack (new image replacement) โ€“ Jeffrey Zeldman Presents The Daily Report