ఎక్సిక్యూషన్ కోర్సులు

కోర్సు సిఫార్సులు:

CSS ellipse() ఫంక్షన్ ellipse() నిర్వచనం మరియు ఉపయోగం

ellipse() CSS యొక్క clip-path ఫంక్షన్స్ ఒక రెండు రేఖారూపాలు x మరియు y కలిగిన స్పర్ధాకరణను నిర్వచిస్తాయి. shape-outside ఫంక్షన్స్ సాధారణంగా ఉపయోగించబడతాయి.

అంశాలు మరియు

ప్రతిస్పందనలు కలిపి ఉపయోగించడం.

ఉదాహరణ 1

img {
  clip-path: ellipse(50% 30%);
}

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

చిత్రాన్ని x రేఖారూపం 50%, y రేఖారూపం 30% యొక్క స్పర్ధాకరణగా కటించండి:

ఉదాహరణ 2

img {
  చిత్రాన్ని x రేఖారూపం 50%, y రేఖారూపం 30% యొక్క స్పర్ధాకరణగా కటించండి, మరియు స్పర్ధాకరణ కేంద్రాన్ని కుడిపక్కకు స్థానం చేయండి:
}

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

clip-path: ellipse(50% 30% at right);

ఉదాహరణ 3 clip-path మరియు ellipse() ప్రస్తావనలు కలిపి కార్యకలాపాలు చేయడం చేయండి:

#myDIV {
  width: 100px;
  height: 100px;
  background-color: coral;
  color: green;
  animation: mymove 5s infinite;
  clip-path: ellipse(80% 50%);
}
@keyframes mymove {
  50% {clip-path: ellipse(30% 10%);}
}

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

ఉదాహరణ 4

సహకరించడం ellipse()మరియుclip-path మరియు shape-outside:

img {
  float: left;
  clip-path: ellipse(50% 30%);
  shape-outside: ellipse(55% 35%);
}

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

CSS సంజ్ఞలు

ellipse(xy-radius పోసిషన్ వద్ద)

సాంకేతిక వివరాలు

బ్రౌజర్ మద్దతు

పట్టికలోని సంఖ్యలు ఈ ఫంక్షన్ ను పూర్తిగా మద్దతు ఇస్తున్న ప్రథమ బ్రౌజర్ సంస్కరణను సూచిస్తాయి.

సంబంధిత పేజీలు

参考：CSS clip-path అట్రిబ్యూట్

参考：CSS షేప్-ఆఉట్ అట్రిబ్యూట్

参考：CSS స్పర్ధాకరణ ఫంక్షన్

参考：CSS inset() 函数

参考：CSS polygon() 函数