CSS ఆఫ్సెట్-పాథ్ అట్రిబ్యూట్

నిర్వచనం మరియు ఉపయోగం

offset-path అనిమేషన్ ఎలిమెంట్ కోసం మార్గాన్ని సృష్టించే లక్షణం.

అనిమేషన్ <div> కోసం ఒక మార్గాన్ని సృష్టించండి:

div {
  offset-path: path('M20,170 L100,20 L180,100 Z');
  animation: moveDiv 3s 3;
}
@keyframes moveDiv {
  100% { offset-distance: 100%; }
}

offset-path: none|path()|ray()|url()|basic-shape|cord-box|initial|inherit;

విలువ	వివరణ
none	డిఫాల్ట్. ఎలిమెంట్ యొక్క అప్రమేయ offset-path లక్షణ విలువ.
path()	SVG సంకేతాలను ఉపయోగించి మార్గాన్ని నిర్దేశించండి. చూడండి:SVG 路径.
ray()	CSS ray() ఫంక్షన్ ద్వారా మార్గాన్ని నిర్దేశించండి.
url()	SVG ఫైల్ యూఆర్ఎల్ ద్వారా మార్గాన్ని నిర్దేశించండి.
<basic-shape>	CSS ఫంక్షన్లు (ఉదా., inset(), circle(), ellipse(), polygon()) ద్వారా బేసిక్ రూపాలను నిర్దేశించి మార్గాన్ని నిర్దేశించండి.
<coord-box>	కోర్డినేట్ బాక్స్ ద్వారా మార్గాన్ని నిర్దేశించండి.
initial	ఈ లక్షణాన్ని అప్రమేయ విలువకు అమర్చండి. చూడండి: initial.
inherit	తన పేర్వర్తి ఉపాంతాన్ని ఈ లక్షణం నుండి పొందుతుంది. చూడండి: inherit.

అప్రమేయ విలువ:	none
పారంపర్యం:	లేదు
అనిమేషన్ తయారీ:	మద్దతు. దయచేసి ఈ కి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
సంస్కరణ:	CSS3
జావాస్క్రిప్ట్ సంకేతాలు:	object.style.offsetPath="path('M20,170 L100,20 L180,100 Z')"