কোর্স পরামর্শ:
- পূর্ববর্তী পৃষ্ঠা CSS স্কোয়ার() ফাংশন
- পরবর্তী পৃষ্ঠা CSS স্কোয়ারY() ফাংশন
- একটি স্তর উপরে CSS ফাংশন রেফারেন্স ম্যানুয়েল
CSS skewX() ফাংশন
সংজ্ঞা ও ব্যবহার skewX()
CSS-এর
skewX()
ফাংশন ব্যবহার করে transform
প্রতিভাতে ব্যবহার করুন
সূচনা:skewX(a)
সমতুল্য skew(a, 0)
!
ইনস্ট্যান্স
উদাহরণ ১
ব্যবহার করুন skewX()
দেওয়া ঘনতার অনুযায়ী x-অক্ষের দিকে কিছু <div> ইলেকট্রন স্কিওয়াল করুন
#myDiv1 { transform: skewX(15deg); } #myDiv2 { transform: skewX(30deg); } #myDiv3 { transform: skewX(-25deg); }
উদাহরণ ২
ব্যবহার করুন skewX()
দেওয়া ঘনতার অনুযায়ী x-অক্ষের দিকে ছবিকে স্কিওয়াল করুন
#img1 { transform: skewX(25deg); } #img2 { transform: skewX(-25deg); } #img3 { transform: skewX(10deg); }
CSS সংজ্ঞা
skewX(a)
মান | বর্ণনা |
---|---|
a | অপরিহার্য। ঘনতা। x-অক্ষের দিকে স্কিওয়ালকে নির্দেশ করুন |
টেকনিক্যাল বিবরণ
সংস্করণ: | CSS ট্রান্সফর্মস মডিউল লেভেল ১ |
---|
ব্রাউজার সমর্থন
টেবিলের সংখ্যা প্রথম এই ফাংশনটির সম্পূর্ণভাবে সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে
চ্রোম | এডজ | ফায়ারফক্স | স্যাফারি | অপেরা |
---|---|---|---|---|
1 | 12 | 3.5 | 3.1 | 10.5 |
সংশ্লিষ্ট পৃষ্ঠা
শিক্ষা:CSS 2D ট্রান্সফর্ম
উল্লেখ:CSS ট্রান্সফর্ম এট্রিবিউট
উল্লেখ:CSS স্কোয়ার() ফাংশন
উল্লেখ:CSS স্কোয়ারY() ফাংশন
- পূর্ববর্তী পৃষ্ঠা CSS স্কোয়ার() ফাংশন
- পরবর্তী পৃষ্ঠা CSS স্কোয়ারY() ফাংশন
- একটি স্তর উপরে CSS ফাংশন রেফারেন্স ম্যানুয়েল