پس‌زمینه شفاف در CSS3

یکی از ویژگی‌های جدید در CSS3 امکان تعریف شفافیت برای عناصر و تعیین رنگ پس زمینه شفاف برای پس‌زمینه یا Background است، برای تعریف شفافیت کلی برای یک عنصر می‌توانید از قطعه کد زیر در شیوه‌نامه‌ها استفاده کنید:

مشکل کار در اینجاست که عناصری که در div والد قرار می‌گیرند زیر کمرنگ میشوند.

اگر ما بخواهیم زمینه‌ای با پس‌زمینه شفاف داشته باشیم ولی مثلا رنگ نوشته های درون آن کمرنگ نباشند، یک روش استفاده از عکس png مثلا 1 پیکسلی است که در div مورد نظر تکرار شود، روش دوم استفاده از css3 است.

مثال:

قسمت آخر، همان opacity می باشد. برای بدست آوردن سه قسمت اول، می‌توان از نرم‌افزار فتوشاپ کمک گرفت:

rgba

 

در این زمینه ابزارهای آنلاینی نیز وجود دارند، مانند وب سایت:

http://www.css3maker.com/css-3-rgba.html

در این وب سایت سه قسمت CSS3 Styles, CSS3 Preview Area, CSS3 Codeview وجود دارد که براحتی قابل تغییر و دانلود می‌باشد.


مشاهده‌ی تمامی نوشته‌ها در گروه: CSS. ‏ فهرست برچسب‌ها: , .

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *