প্রপার্টি CSS 'স্বচ্ছতা' - সাইট আরো আকর্ষণীয় নকশা করতে একটি সহজ উপায়

আজ, ওয়েবসাইট ডিজাইন সৃষ্টির একটি শিল্প ফর্ম হয়ে যায়। এই মাত্র একটি নির্দিষ্ট রঙ এবং পৃষ্ঠায় উপাদানের একটি সেট না করা হয় আকার, ফন্ট বিভিন্ন শৈলী এবং বিষয়ভিত্তিক চিত্রকলার। আদেশ, আপনার সাইটে অন্যদের থেকে আলাদা করতে দর্শকদের মনোযোগ আকর্ষণ করতে এবং নির্দিষ্ট উপাদানের জন্য এটি সরাসরি করার জন্য, পদ্ধতি ও সরঞ্জামের একটি বিশাল সংখ্যা ব্যবহার করা হয়েছে। তাদের মধ্যে খুব জনপ্রিয় সম্পত্তি CSS নেই - স্বচ্ছতা। এই কৌশলটি বেশ ফ্যাশনেবল এবং মুগ্ধকর, এবং সেইজন্য প্রায়ই ব্যবহার করা হয়। টেক্সট ব্লক অথবা পুরো ছবি - উদাহরণস্বরূপ, ট্রান্সপারেন্সি সাইটের বিভিন্ন বস্তুর পৃষ্ঠাগুলি দিতে পারেন। এছাড়া বিভিন্ন উপায়ে অর্জন। তাদের নিচে পরীক্ষা করে দেখি।

পরামিতি স্বচ্ছতা উপাদান উল্লেখ

পরামিতি বিভিন্ন উপাদানের স্বচ্ছতা নিয়ন্ত্রণ। তারা ব্রাউজার, "স্থায়ী" নকশা বয়সী যা নির্দিষ্ট উদ্দেশ্য উপর নির্ভর করে ব্যবহার করা হয়, হিসাবে ভাল। এই নিম্নলিখিত বৈশিষ্ট্য অন্তর্ভুক্ত:

• অস্বচ্ছতা;
• ফিল্টার;
• পটভূমি হিসেবে পিএনজি-চিত্র।

প্রপার্টি মান CSS 'স্বচ্ছতা' নিম্নরূপ পরিবর্তিত হয়: উচ্চতর সংখ্যা, নিম্ন উপাদান স্বচ্ছতার স্তর। অস্বচ্ছতা, এটি 0 থেকে 1 থেকে পরিবর্তিত হয় ফিল্টার - 10 থেকে 100 এবং আধুনিক Interet এক্সপ্লোরার ব্রাউজার, এবং সমস্ত অন্যান্য প্রযোজ্য অস্বচ্ছতা সম্পত্তি জন্য ব্যবহৃত হয়।

ট্রান্সপারেন্সি চিত্র (পরিবর্তন)

এর অপশন যখন আপনি আইটেমটি সরাতে যে স্বচ্ছ উপস্থিত হবে দিয়ে শুরু করা যাক মাউস টেনে এনে।

আসুন আমরা বিবেচনা ইমেজ স্বচ্ছতা নির্দিষ্ট করতে কিভাবে যাক। সিএসএস দুটি বিকল্প উপলব্ধ করা হয়। এই কাজের জন্য, আপনি এটা সরাসরি কোড এইচটিএমএল-নথিতে নিম্নরূপ রেজিস্টার করতে হবে:

1. ইমেজ পাথ উল্লেখ করুন।
2. আমরা স্বচ্ছতার পরামিতি নির্ধারণ যখন কার্সার নয়। এই কাজের জন্য, আমরা onmouseover এবং onmouseout, যা অস্বচ্ছতা, এবং ফিল্টার মান ব্যবস্থাপত্র বৈশিষ্ট্য ব্যবহার করুন।

একই বৈশিষ্ট্য CSS-ডকুমেন্ট এবং এটি একটি রেফারেন্স যোগ করার জন্য সোর্স কোডে নির্ধারিত করা যেতে পারে। ফলাফল একই আউট চালু করুন।

টেক্সট এবং পৃষ্ঠা ব্লক ট্রান্সপারেন্সি

হিসাবে পাঠ্য অথবা অবরোধ (স্বচ্ছ DIV আছে) জন্য, CSS এর বিকল্প, একটি স্বচ্ছ ইমেজ তৈরি অনুরূপ প্রস্তাব করে, আপনি সংযুক্ত CSS ফাইল, যা কাঙ্ক্ষিত পরামিতি নির্ধারণ করা হয় ব্যবহার করতে হবে। আপনি যান এবং একটি সহজ উপায় পারবেন না। আপনি শৈলী ব্লক DIV আছে শৈলী সেট বা টেক্সট পি onmouseover এবং উপাদান onmouseout নিম্নলিখিত HTML-কোড বিহিত করে। উভয় অপশন কাজ এবং কাঙ্ক্ষিত ফলাফল উত্পাদন।

স্বচ্ছতা ধ্রুবক

কিছু কিছু ক্ষেত্রে, একটি বস্তুর স্বচ্ছতা, একটি নকশা উপাদান অথবা পাঠ্য আপনি একটি চলমান ভিত্তিতে সেট করতে চান। এই পরিস্থিতিতে, সমাধান যখন আপনি মাউস কার্সার কার্সার রেখে চেয়ে আরও সহজ।

স্বচ্ছতা জন্য css উপাদান নিম্নলিখিত কোড দ্বারা দেওয়া হবে। ব্লক div style পটভূমি (যেমন, # ff8800), অস্বচ্ছতা (যেমন, 0.5) এবং প্রস্থ (প্রস্থ) এবং প্যাডিং থাকবে না (প্যাডিং) মান নির্ধারণ।

ইমেজ কোড মান তৈরি করছেন এবং অস্বচ্ছতা ফিল্টার, এবং ইমেজ পাথ উল্লেখ করুন।

RGBA-পদ্ধতি

স্বচ্ছতা কোনো নকশা উপাদান বেস রং প্রয়োগ করা যেতে পারে: এই সম্পত্তি CSS ব্যবহার করার জন্য অন্যান্য অপশন আছে। এটা তোলে RGBA পদ্ধতি ব্যবহার করে। আলফা, যা স্বচ্ছতা মাত্রা সেট করে - প্রথম তিনটি অক্ষর মৌলিক রং (লাল, বিদারণ, নীল), এবং শেষ জন্য দাঁড়ানো। RGBA-বিন্যাস ব্যবহার স্বচ্ছতা ব্যবস্থাপত্র, গত অঙ্ক এটি প্রতি নির্দেশ। উদাহরণ হিসেবে বলা যায়, যেমন: পটভূমি: rgba (240,2,33,0.4035)।

উপসংহার

সুতরাং, সাইট ডিজাইন সহজ কিন্তু কার্যকর বৈশিষ্ট্য CSS 'স্বচ্ছতা' কাজ অবশ্যই ব্যবহার করে, আপনি এটা আরও বেশি আকর্ষণীয় এবং আরও লক্ষণীয় সংক্ষিপ্ত প্রচেষ্টার সঙ্গে উপাদানের করতে পারেন। বর্ণনা embodiments কাস্টম স্বচ্ছতা বৈশিষ্ট্য এই সঙ্গে আপনাকে সাহায্য করবে।