CSS repeating-conic-gradient() ফাংশন

সংজ্ঞা ও ব্যবহার

CSS repeating-conic-gradient() ফাংশন কনিকাল গ্রেডিয়েন্ট পুনরায় করতে ব্যবহৃত হয়。

উদাহরণ:

কনিকাল গ্রেডিয়েন্ট রিপিটিং কনিকাল গ্রেডিয়েন্ট
conic-gradient(red, yellow); repeating-conic-gradient(red 10%, yellow 20%);

উদাহরণ

উদাহরণ 1

একটি পুনরাবৃত্ত কণা রং

#grad {
  background-image: repeating-conic-gradient(red 10%, yellow 20%);
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 2

সংজ্ঞায়িত হয়েছে যা রং ভাবের শুরু এবং শেষ পয়েন্টকে পুনরাবৃত্ত কণা রং

#grad {
  background-image: repeating-conic-gradient(red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 3

একটি আরও সংজ্ঞায়িত করা হয়েছে যা প্রারম্ভিক কোণ এবং কেন্দ্রস্থল সংজ্ঞায়িত করে পুনরাবৃত্ত কণা রং

#grad1 {
  background-image: repeating-conic-gradient(from 10deg at 30% 30%, red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

CSS grammar

repeating-conic-gradient([from কোণ], [at অবস্থান,] রং ডিগ্রি, রং ডিগ্রি, ... );
মান বিবরণ
from কোণ

বাছাইযোগ্য। সমগ্র স্পিরাল রং এই কোণ অনুযায়ী ঘুরে যাবে

ডিফল্ট মান 0deg
at অবস্থান

বাছাইযোগ্য। স্পিরাল রং কেন্দ্রস্থল সংজ্ঞায়িত করুন

ডিফল্ট মান center
রং ডিগ্রি, ... , রং ডিগ্রি

রং সমাপ্তি পয়েন্ট এটা রং হলো যা আপনি যেখানে সমস্ত রং হলো শুধুমাত্র এই রং দিয়ে প্রদর্শন করতে চান

এই মান রং মান এবং একটি বা দুটি বাছাইযোগ্য স্থগ্য (0 থেকে 360 ডিগ্রির কোণ বা 0% থেকে 100% পৃষ্ঠপোষক হিসাবে) দ্বারা গঠিত

প্রযুক্তিগত বিস্তার

সংস্করণ: CSS Images Module Level 4

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথমবার এই function-কে সম্পূর্ণরূপে সমর্থনকারী ব্রাউজার সংস্করণ নির্দেশ করে

Chrome Edge Firefox Safari Opera
69 79 83 12.1 56

সংশ্লিষ্ট পাতা

শিক্ষাক্রম:CSS gradient

তথ্য:CSS background-image প্রোপার্টি

তথ্য:CSS conic-gradient() function

তথ্য:CSS linear-gradient() function

তথ্য:CSS radial-gradient() function

তথ্য:CSS repeating-linear-gradient() ফাংশন

তথ্য:CSS repeating-radial-gradient() function