CSS offset-path প্রতিশব্দ

বিবরণ ও ব্যবহার

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	ডিফল্ট
path()	SVG গঠনশৈলী দ্বারা পথ নির্দিষ্ট করুন। দেখুন:SVG 路径.
ray()	CSS ray() ফাংশন দ্বারা পথ নির্দিষ্ট করুন
url()	SVG ফাইলের URL দ্বারা পথ নির্দিষ্ট করুন
<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')"