একটি শীতল সীমানা তৈরি করতে কনিক গ্রেডিয়েন্ট ব্যবহার করুন
bookmark_borderbookmark
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
কনিক গ্রেডিয়েন্টগুলি কিছু আকর্ষণীয় প্রভাব তৈরি করতে ব্যবহার করা যেতে পারে, যেমন এই চমৎকার সীমানা উদাহরণ।
অ্যাডাম আর্গিল দ্বারা তৈরি এই কোডপেন , মূলত টুইটারে এই টুইটের মাধ্যমে ভাগ করা হয়েছে, একটি সীমানা তৈরি করতে কীভাবে একটি কনিক গ্রেডিয়েন্ট ব্যবহার করতে হয় তা দেখায়।
.conic-gradient-border {
border: 25px solid;
border-image-slice: 1;
border-image-source: conic-gradient(
hsl(100 100% 60%),
hsl(200 100% 60%),
hsl(100 100% 60%)
);
}
টেরি মুন সৃজনশীলভাবে অ্যাডামের কোডপেনকে কাঁটাচামচ করে এই কোডপেনটি তৈরি করেন। উপাদানের উপর আপনার মাউস সরান এবং আপনি গ্রেডিয়েন্ট পরিবর্তন দেখতে পাবেন, সামান্য কিছু জাভাস্ক্রিপ্ট একটি CSS কাস্টম বৈশিষ্ট্য আপডেট করার জন্য ধন্যবাদ যা ঘূর্ণন কোণ সংরক্ষণ করে।
এই উদাহরণ border-image-source
সম্পত্তি ব্যবহার করে। এই বৈশিষ্ট্যটি একটি উপাদানের সীমানা তৈরি করতে ব্যবহৃত উত্স চিত্র সেট করে। অন্যান্য বৈশিষ্ট্যগুলির মতো যা একটি চিত্রের মান গ্রহণ করে, যে কোনও CSS গ্রেডিয়েন্ট প্রকারও বৈধ।
border-image-source
কনিক গ্রেডিয়েন্ট
অন্য কিছু উল্লেখ না করা থাকলে, এই পৃষ্ঠার কন্টেন্ট Creative Commons Attribution 4.0 License-এর অধীনে এবং কোডের নমুনাগুলি Apache 2.0 License-এর অধীনে লাইসেন্স প্রাপ্ত। আরও জানতে, Google Developers সাইট নীতি দেখুন। Java হল Oracle এবং/অথবা তার অ্যাফিলিয়েট সংস্থার রেজিস্টার্ড ট্রেডমার্ক।
2022-05-27 UTC-তে শেষবার আপডেট করা হয়েছে।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2022-05-27 UTC-তে শেষবার আপডেট করা হয়েছে।"],[],[]]