CSS transform-origin অপারেশন
- পূর্ব পৃষ্ঠা transform
- পরবর্তী পৃষ্ঠা transform-style
পরামর্শ:
বর্ণনা ও ব্যবহার
transform-origin প্রকৃতি পরিবর্তনকারী ইলেকট্রনের অবস্থান পরিবর্তন করতে আপনাকে দেয়।
2D পরিবর্তনকারী ইলেকট্রন ইলেকট্রনের x এবং y-অক্ষকে পরিবর্তন করতে পারে। 3D পরিবর্তনকারী ইলেকট্রন আরও Z-অক্ষকে পরিবর্তন করতে পারে。প্রদর্শন。
transform-origin প্রকৃতির বোঝার জন্য এইটা দেখুন:প্রদর্শন。
Safari/Chrome ব্যবহারকারী: transform-origin প্রকৃতির 3D পরিবর্তন ব্যবহার করার জন্য এইটা দেখুন:মন্তব্য: transform এই প্রকৃতির সঙ্গে ব্যবহার করা হয়。
transform প্রকৃতির বোঝার জন্য এইটা দেখুন:প্রদর্শন。
আরও দেখুন:
CSS3 শিক্ষাক্রম:CSS3 2D রূপান্তর
CSS3 শিক্ষাক্রম:CSS3 3D রূপান্তর
HTML DOM পরিচ্ছেদক:transformOrigin প্রকৃতি
উদাহরণ
পরিবর্তনকারী ইলেকট্রনের ভিত্তিস্থান অবস্থান সংযোজন করুন:
div {
transform: rotate(45deg);
transform-origin: 20% 40%;
}
পাতার নিচে আরও উদাহরণ আছে。
CSS 语法
transform-origin: x-axis y-axis z-axis;
প্রকৃতির মান
| মান | বর্ণনা |
|---|---|
| x-axis |
দৃশ্যকে X-অক্ষের কোথায় রাখা হবে। সম্ভাব্য মান:
|
| y-axis |
দৃশ্যকে Y-অক্ষের কোথায় রাখা হবে। সম্ভাব্য মান:
|
| z-axis |
দৃশ্যকে Z-অক্ষের কোণে কোথায় রাখা হবে। সম্ভাব্য মান:
|
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | 50% 50% 0 |
|---|---|
| উত্তরসূরীতা: | না |
| সংস্করণ: | CSS3 |
| জেভাস্ক্রিপ্ট সংকল্প: | ওবজেক্ট.style.transformOrigin="20% 40%" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই প্রকৃতির পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে।
সম্প্রসারণ -webkit-、-moz- বা -ms- দ্বারা প্রদত্ত সংখ্যা প্রথম সংস্করণের প্রস্তুত প্রিফিক্স ব্যবহার করে।
| প্রকৃতি | চ্রোম | আইই | ফায়ারফক্স | স্যাফারি | অপেরা |
|---|---|---|---|---|---|
| transform-origin (দ্বিবচনী সংকল্প) |
36.0 4.0 -webkit- |
10.0 9.0 -ms- |
16.0 3.5 -moz- |
9.0 3.2 -webkit- |
23.0 15.0 -webkit- 10.5 -o- |
| transform-origin (তিনবচনী সংকল্প) |
36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
- পূর্ব পৃষ্ঠা transform
- পরবর্তী পৃষ্ঠা transform-style
