CSS গ্ৰেডিয়েন্ট জেনাৰেটৰ
ৰং আৰু কোণ বাছনি কৰিলেই পূৰ্বদৰ্শনসহ CSS গ্ৰেডিয়েন্ট ক'ড সৃষ্টি হয়
বৈশিষ্ট্যসমূহ
পূৰ্বদৰ্শন আৰু ক'ড একেলগে আপডেট
ৰং বা কোণ সলনি কৰাৰ লগে লগে ৰূপ আৰু CSS একেলগে সলনি হয়
লিনিয়াৰ, ৰেডিয়েল আৰু কনিক সমৰ্থন
কোণ, আকৃতি, কেন্দ্ৰ স্থানলৈকে প্ৰকাৰ অনুযায়ী বিশদভাৱে নিৰ্ধাৰণ কৰিব পাৰি
টানি ১০টালৈকে ৰং সমন্বয়
ৰংৰ স্থান বাৰত টানি, স্বচ্ছতা স্লাইডাৰেৰে সমন্বয় কৰক
৮টা নমুনা আৰু যাদৃচ্ছিক সৃষ্টি
জনপ্ৰিয় বা যাদৃচ্ছিক ৰংবিন্যাসৰ পৰা আৰম্ভ কৰি সূক্ষ্ম সমন্বয় কৰক
ব্যৱহাৰ পদ্ধতি
প্ৰকাৰ বাছক
লিনিয়াৰ, ৰেডিয়েল আৰু কনিকৰ পৰা গ্ৰেডিয়েন্টৰ প্ৰকাৰ বাছনি কৰক
ৰং নিৰ্ধাৰণ কৰক
ৰং ক'ড বা নমুনাৰে ৰং বাছক, 「ৰং যোগ কৰক」ৰে ৰংৰ সংখ্যা বঢ়াই স্থান আৰু স্বচ্ছতা সমন্বয় কৰক
দিশ সমন্বয় কৰক
লিনিয়াৰৰ বাবে কোণ বা দিশ বুটাম, ৰেডিয়েল আৰু কনিকৰ বাবে কেন্দ্ৰ স্থান নিৰ্ধাৰণ কৰক
ক'ড প্ৰতিলিপি কৰক
「প্ৰতিলিপি」বুটামেৰে এক শাৰীৰ CSS নিজৰ শৈলীত পেষ্ট কৰক
ব্যৱহাৰৰ উদাহৰণ
হিৰো ছবিৰ পটভূমি সৃষ্টি
ক'ড নোলিখাকৈ ছাইটৰ ওপৰৰ অংশ বা বুটামৰ পটভূমিৰ ৰং নিৰ্ধাৰণ কৰক
ব্লগ শিৰোনামৰ ৰংবিন্যাস বাছনি
নমুনাৰ পৰা ওচৰৰ ৰংবিন্যাস বাছি লেখাৰ শিৰোনামৰ পটভূমি সজাওক
ফটোৰ ওপৰত অভাৰলে
স্বচ্ছতা কমোৱা ৰঙেৰে ফটোৰ ওপৰত অৰ্ধস্বচ্ছ স্তৰ সৃষ্টি কৰক
বহু ৰংৰ গ্ৰেডিয়েন্ট সমন্বয়
৩টা বা তাতকৈ অধিক ৰংৰ সীমাৰ স্থান টানি অলপ অলপকৈ ওচৰলৈ আনক
মৌলিক জ্ঞান
linear, radial আৰু conic ৰ পাৰ্থক্য
CSS গ্ৰেডিয়েন্টত ৰং সলনি হোৱা ধৰণ বেলেগ বেলেগ তিনিটা ফাংচন আছে, আৰু সকলোবোৰ background প্ৰ'পাৰ্টিত লিখি ব্যৱহাৰ কৰা হয়।
- linear-gradient:linear-gradient হৈছে নিৰ্ধাৰিত কোণৰ পোনা ৰেখা অনুসৰি ৰং সলনি হোৱা লিনিয়াৰ গ্ৰেডিয়েন্ট।
- radial-gradient:radial-gradient হৈছে কেন্দ্ৰ স্থানৰ পৰা বাহিৰলৈ গোলাকাৰ বা উপবৃত্তাকাৰ আকৃতিত ৰং বিস্তৃত হোৱা ৰেডিয়েল গ্ৰেডিয়েন্ট।
- conic-gradient:conic-gradient হৈছে কেন্দ্ৰ স্থানৰ চাৰিওফালে ঘড়ীৰ কাঁটাৰ দিশত এবাৰ ঘূৰি ৰং সলনি হোৱা কনিক গ্ৰেডিয়েন্ট।
কোণ আৰু দিশ কীৱৰ্ডৰ সম্পৰ্ক
linear-gradient ৰ কোণ 0deg হ'লে তলৰ পৰা ওপৰলৈ দিশত থাকে, আৰু সংখ্যা বাঢ়িলে ঘড়ীৰ কাঁটাৰ দিশত ঘূৰে। কোণ 「to right」ৰ দৰে দিশ কীৱৰ্ডৰেও লিখিব পাৰি, 90deg হৈছে 「to right」, 180deg হৈছে 「to bottom」ৰ সমান দিশ।
কালাৰ ষ্টপ আৰু স্বচ্ছতা লিখাৰ ধৰণ
কালাৰ ষ্টপ মানে গ্ৰেডিয়েন্টত সেই ৰং হোৱা স্থান, য'ত 0% আৰম্ভণি আৰু 100% সমাপ্তি বুজায়। যেনে 「#3B82F6 0%, #8B5CF6 100%」 এ আৰম্ভণিৰ নীলাৰ পৰা সমাপ্তিৰ বেঙুনীয়ালৈ ৰং সলনি হোৱা নিৰ্দেশনা।
- #RRGGBB ৰূপ:#RRGGBB ৰূপে ৰঙা, সেউজীয়া আৰু নীলাৰ তীব্ৰতা দুই দুই সংখ্যাৰ হেক্সাডেচিমেলত প্ৰকাশ কৰা ৰং লিখাৰ ধৰণ, য'ত #FF0000 এ অস্বচ্ছ ৰঙা বুজায়।
- rgba ৰূপ:rgba ৰূপে ৰঙা, সেউজীয়া আৰু নীলাৰ মান (0 ৰ পৰা 255) ৰ লগত স্বচ্ছতা (0 ৰ পৰা 1) যোগ কৰি লিখা ৰং, য'ত স্বচ্ছতা 0.5 এ আধা স্বচ্ছ ৰং বুজায়।
সুৰক্ষা আৰু গোপনীয়তা
ব্ৰাউজাৰতে সম্পূৰ্ণ
ইনপুট ডেটা কেৱল আপোনাৰ ব্ৰাউজাৰৰ ভিতৰতে প্ৰচেছ কৰা হয় আৰু বাহিৰলৈ পঠোৱা নহয়।
কেৱল ব্ৰাউজাৰতে প্ৰক্ৰিয়াকৰণ
গ্ৰেডিয়েন্ট ক'ড সৃষ্টি সম্পূৰ্ণৰূপে আপোনাৰ ব্ৰাউজাৰত সম্পন্ন হয়, ইনপুট ডেটা চাৰ্ভাৰলৈ প্ৰেৰণ কৰা নহয়।
HTTPS-এৰে যোগাযোগ এনক্ৰিপ্ট কৰা হয়
পৃষ্ঠা লোড কৰাও TLS-এৰে এনক্ৰিপ্ট কৰা হয়, তৃতীয় পক্ষই বিষয়বস্তু পঢ়িব নোৱাৰে।
তৃতীয় পক্ষলৈ প্ৰেৰণ নাই
বিজ্ঞাপন নেটৱৰ্ক বা ট্ৰেকাৰৰ দৰে বাহ্যিক সেৱালৈ ইনপুট বিষয়বস্তু প্ৰেৰণ কৰা নহয়।
ফলাফল স্বয়ংক্ৰিয়ভাৱে সংৰক্ষণ নহয়
বাছনি কৰা ৰং বা ছেটিং বা ইনপুট পৰামৰ্শ চাৰ্ভাৰত সংৰক্ষণ কৰা নহয়।
Google অনুসন্ধানত RAKKOTOOLS ফলো কৰক
185টা সুবিধাজনক টুল, Google অনুসন্ধান আৰু AI অনুসন্ধানৰ পৰা সহজে বিচাৰি পাব পাৰিব!
- অনুসন্ধানত পোৱা যায়
- AI অনুসন্ধানতো দেখুৱায়
- নতুন টুলো আৱিষ্কাৰ কৰক
আপডেট তথ্য
- update #312
CSS গ্ৰেডিয়েণ্ট জেনেৰেটৰ যোগ কৰা হ'ল, ৰং আৰু কোণ বাছি কোড সৃষ্টি কৰক
