Означите "ПДФ Бомбс" - ЦСС-трикови

Anonim

Било која стара сидрена веза може бити веза до ПДФ документа, али ако кликне на везу попут тога, размишљање у супротном може бити изненађујуће и непријатно за корисника. Овај ЦСС може визуелно да означи те везе.

/* Add " (PDF)" text after links that go to PDFs */ a(href$=".pdf"):after ( content: " (PDF)"; ) /* If file size specified as data attribute, use that too */ a(href$=".pdf")(data-size):after ( content: " (PDF, " attr(data-size) ")"; )

Тако…


Watch out for the PDF bomb here!

Визуелно постаје:

Watch out for the PDF bomb (PDF) here!

Или ...


Watch out for the PDF bomb here!

Постаје:

Watch out for the PDF bomb (PDF, 2 MB) here!

Погледајте оловку Идентификујте ПДФ бомбе Цхриса Цоииера (@цхрисцоииер) на ЦодеПен-у.