ফাংশন skewY

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

সিনট্যাক্স

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

উদাহরণ

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

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

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

Результат:

উদাহরণ

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

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

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

Результат:

আরও দেখুন