text-shadow CSS3
כחלק
מהתקן של CSS3 הגיע מאפיין חדש בשם
text-shadow שמגדיר צל עבור טקסט.
div
{
font-family: Arial;
font-size: 55px;
width: 250px;
height: 250px;
border: 1px solid black;
margin: 20px;
padding: 20px;
text-shadow: rgba(0,0,0,0.7) -1px -1px,
rgba(0,0,0,0.5) -2px -2px,
rgba(0,0,0,0.3) -3px -3px;
background-color: Yellow;
}
<div>
Sela College Channel
</div>
בדוגמא אפשר לראות שמוגדר כמה שבות של צל.
התוצאה של הקוד הזה:
נכון להיום זה עדיין לא נתמך ב - IE, נקווה שהם יתמכו בזה בקרוב.