అంతర్జాతీయ బాక్ష్ షేడ్

CSS box-shadow అట్రిబ్యూట్

అంతర్జాతీయ సిఎస్ఎస్ box-shadow అంతర్జాతీయ ప్రభావం సృష్టించడానికి అంతర్జాతీయ పరిశీలన చేయండి:

సరిస్సా ఉపయోగం అందుకు కేవలం అడుగుని మరియు ఎత్తుని నిర్దేశించండి:

పసుపు రంగు కార్డ్ కు బాక్ష్ షేడ్ కలిగి ఉంటుంది

实例

div {
  box-shadow: 10px 10px;
}

స్వయంగా ప్రయత్నించండి

తరువాత, బాక్ష్ షేడ్ కు రంగును జోడించండి:

పసుపు రంగు కార్డ్ కు బాక్ష్ షేడ్ కలిగి ఉంటుంది

实例

div {
  box-shadow: 10px 10px grey;
}

స్వయంగా ప్రయత్నించండి

తరువాత, మెలియాన బాక్ష్ షేడ్ కు మెలియాన ప్రభావాన్ని జోడించండి:

పసుపు రంగు <div> మూలకం, మెలియాన బాక్ష్ షేడ్ కలిగి ఉంటుంది

实例

div {
  box-shadow: 10px 10px 5px grey;
}

స్వయంగా ప్రయత్నించండి

కార్డ్

మీరు కూడా ఉపయోగించవచ్చు: box-shadow అంతర్జాతీయ పాపర్ కార్డ్ ప్రభావం సృష్టించడానికి అంతర్జాతీయ పరిశీలన చేయండి:

1
January 1, 2021
కాఫీ
కాఫీ

实例

div.card {
  width: 250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

亲自试一试：纸卡片亲自试一试：图像卡片

CSS 阴影属性

下表列出了 CSS 的阴影属性：

అట్రిబ్యూట్ వివరణ
box-shadow ఒక ఎలమెంట్కు ఒకటి లేదా పలు షేడ్స్ జోడించండి.
text-shadow టెక్స్ట్లో ఒకటి లేదా పలు షేడ్స్ జోడించండి.