Noterar snabbt om ”box-shadow” -egenskapen i CSS.
Category / CSS
Textskuggning med text-shadow
Med hjälp av CSS 3 kan vi skugga text på hemsidan.
Som vanligt ligger så klart IE efter.
h1
{
text-shadow:
1px /* y-axeln */
1px /* x-axeln */
1px /* oskärpan */
#999; /* färgen */
}
Värdena för oskärpan och färgen är inte nödvändigt att specificera.
Använd inte microsofts filter
Avslutar dan efter ett problem jag haft med en hemsida jag jobbat på ett tag. Problemet som uppstod var att allt flöt på perfekt i alla webbläsare förutom ie8, eller sämre, där hela sidan frös i 5-6 sekunder vid sidladdningen. Tyckte mig kunna lokalisera problemet till ett javascript men kom tillslut fram till att det var en CSS fil som orsakat all problematik.
Textrendering – optimizelegibility
Sprang återigen på en CSS -egenskap jag tidigare inte vart medveten om. Vill med detta inlägget endast notera.
text-rendering : optimizelegibility;Egenskapen flyter samman texten på ett mer naturligt vis men kan också innebära en något långsammare rendering, sägs det.
Se exempel på: https://developer.mozilla.org/
Styla markering med pseudo element
Sprang idag på en sida där jag skulle kopiera lite text och fick upp en råsa markering bakom texten. Reagerade direkt, förutom att råsa är den fulaste färgen jag vet så tyckte jag det var rätt coolt att dom hade lyckats förändra detta. Aldrig sett det innan och det visade sig vara ett enkelt CSS trick.