আমি এইচটিএমএল / সিএসএসে খুব নতুন এবং আমি 50% স্বচ্ছের মতো কিছু পাঠ্য প্রদর্শন করার চেষ্টা করছি। এখনও পর্যন্ত আমার কাছে সম্পূর্ণ অস্বচ্ছতার সাথে পাঠ্যটি প্রদর্শন করার জন্য এইচটিএমএল আছে
<html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>তবে এর অস্বচ্ছতা কীভাবে পরিবর্তন করবেন তা আমি নিশ্চিত নই। আমি অনলাইনে দেখার চেষ্টা করেছি, তবে আমি খুঁজে পাচ্ছি না যে কোডটি খুঁজে পাচ্ছি তার সাথে ঠিক কী করব।
উত্তর:
opacityপুরো উপাদানটিতে প্রযোজ্য, সুতরাং আপনার যদি সেই উপাদানটির কোনও পটভূমি, সীমানা বা অন্যান্য প্রভাব থাকে তবে সেগুলিও স্বচ্ছ হয়ে উঠবে। আপনি যদি কেবল এই পাঠ্যটি স্বচ্ছ হতে চান তবে ব্যবহার করুন rgba।
#foo {
color: #000; /* Fallback for older browsers */
color: rgba(0, 0, 0, 0.5);
font-size: 16pt;
font-family: Arial, sans-serif;
}এছাড়াও, অনেক দূরে চালাও <font>। আমরা এখন জন্য সিএসএস আছে।
rgba।
পরীক্ষা করে দেখুন অস্পষ্টতা , আপনি DIV আছে এই CSS সম্পত্তি সেটআপ করতে পারেন, <p>বা ব্যবহার <span>আপনি স্বচ্ছ করতে চাই
এবং যাইহোক , ফন্ট ট্যাগটি অবচয় করা হয়, পাঠ্য শৈলীতে CSS ব্যবহার করুন
div {
opacity: 0.5;
} সম্পাদনা করুন: আপনি কোডটি ** কেবল পাঠ্য ** স্বচ্ছ চেক করতে চাইলে এই কোডটি পুরো উপাদানটিকে স্বচ্ছ করে তুলবে @ ম্যাটিয়াস বুয়েলেস উত্তর
rgbaট্যাগটিকে কেবল আপনার পাঠ্যের রঙ হিসাবে ব্যবহার করুন । আপনি ব্যবহার করতে পারেন opacity, তবে এটি কেবল পাঠ্যকেই নয়, পুরো উপাদানকে প্রভাবিত করবে। বলুন আপনার একটি সীমানা রয়েছে, এটি এটিকে স্বচ্ছও করে তুলবে।
.text
{
font-family: Garamond, serif;
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}আপনার সেরা সমাধানটি কোনও উপাদানটির "ধোঁক" ট্যাগটি দেখা।
উদাহরণ স্বরূপ:
.image
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}সুতরাং আপনার ক্ষেত্রে এটির মতো দেখতে হবে:
<html><span style="opacity: 0.5;"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>তবে ভুলবেন না যে ট্যাগটি HTML5- এ সমর্থিত নয়।
আপনারও একটি সিএসএস ব্যবহার করা উচিত :)
সিএসএস opacityঅ্যাট্রিবিউট সম্পর্কে কি ? 0থেকে 1মান।
তবে তারপরে আপনার সম্ভবত "ফন্ট" এর চেয়ে আরও স্পষ্টত ডোম উপাদান ব্যবহার করা দরকার। এই ক্ষেত্রে:
<html><body><span style=\"opacity: 0.5;\"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></span></body></html>অতিরিক্ত তথ্য হিসাবে আমি অবশ্যই আপনাকে এইচটিএমএল উপাদানগুলির বাইরে সিএসএস ঘোষণাগুলি ব্যবহার করার পরামর্শ দিচ্ছি তবে পাশাপাশি ফন্ট এইচটিএমএল ট্যাগের পরিবর্তে ফন্ট সিএসএস স্টাইল ব্যবহার করার চেষ্টা করুন।
ক্রস ব্রাউজার CSS3 শৈলী জেনারেটরের জন্য, http: //css3p कृपया . com/ এ একবার দেখুন
সহজ! আপনার পরে:
<font color=\"black\" face=\"arial\" size=\"4\">এটি যোগ করুন:
<font style="opacity:.6"> 1 এবং 0 এর মধ্যে দশমিক সংখ্যার জন্য আপনাকে কেবল ".6" পরিবর্তন করতে হবে
ব্যাকগ্রাউন্ড-অস্পষ্টতার মতো কোনও সিএসএস সম্পত্তি নেই যা আপনি কেবলমাত্র শিশু উপাদানগুলিকে প্রভাবিত না করে কোনও উপাদানের ব্যাকগ্রাউন্ডের অস্বচ্ছতা বা স্বচ্ছতার জন্য ব্যবহার করতে পারবেন, অন্যদিকে আপনি যদি সিএসএস অস্বচ্ছতা সম্পত্তি ব্যবহার করার চেষ্টা করবেন তবে এটি কেবল পরিবর্তিত করবে না ব্যাকগ্রাউন্ডের অস্বচ্ছতা কিন্তু সমস্ত শিশু উপাদানগুলির অস্বচ্ছতাও পরিবর্তন করে। এমন পরিস্থিতিতে আপনি সিএসএস 3 এ প্রবর্তিত আরজিবিএ রঙ ব্যবহার করতে পারেন এতে বর্ণমূল্যের অংশ হিসাবে আলফা স্বচ্ছতা অন্তর্ভুক্ত রয়েছে। আরজিবিএ রঙ ব্যবহার করে আপনি এর স্বচ্ছতার পাশাপাশি পটভূমির রঙ সেট করতে পারেন।
সাথে খেলা করার চেষ্টা করুন mix-blend-mode: multiply;
color: white;
background: black;
mix-blend-mode: multiply;