ফাংশন skewX

ফাংশন skewX X অক্ষ বরাবর উপাদানের তির্যকতা নির্ধারণ করে, এটিকে একটি সামান্তরিকে রূপান্তরিত করে। এটি transform বৈশিষ্ট্যের সাথে একত্রে ব্যবহার করা হয়। বৈশিষ্ট্যের মানটি যেকোন কোণের এককে নির্দিষ্ট করা যায়। কোণটি ধনাত্মক বা ঋণাত্মক উভয়ই হতে পারে। একটি ধনাত্মক মান বাম দিকে তির্যকতা তৈরি করে, একটি ঋণাত্মক মান - ডান দিকে। তির্যকতা সম্পাদিত হয় সেই বিন্দুকে কেন্দ্র করে, যা transform-origin বৈশিষ্ট্য দ্বারা নির্ধারিত হয়।

সিনট্যাক্স

cssসেলেক্টর {
  transform: skewX(কোণ);
}

উদাহরণ

এই উদাহরণে ব্লকটি 30 ডিগ্রি বাম দিকে তির্যক করা হয়েছে:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewX(30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

উদাহরণ

এই উদাহরণে ব্লকটি 30 ডিগ্রি ডান দিকে তির্যক করা হয়েছে:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewX(-30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

আরও দেখুন