CSS املاک "شفافیت" - یک راه ساده برای ایجاد سایت طراحی جالب تر

امروز، ایجاد طراحی وب سایت یک فرم هنری است. این فقط یک مجموعه ای از عناصر صفحه از یک رنگ خاص و نه اندازه، فونت از سبک های مختلف و نقاشی موضوعی. به منظور ایجاد سایت خود را متفاوت از دیگران، به جلب توجه بازدید کنندگان و هدایت آن به عناصر خاص، با استفاده از یک تعداد زیادی از روش و ابزار. در میان آنها است یک CSS اموال بسیار محبوب وجود دارد - شفافیت. این تکنیک بسیار شیک و پر زرق و برق است، و بنابراین اغلب استفاده می شود. بلوک متن و یا کل تصویر، به عنوان مثال - شفافیت می توانید صفحات اشیاء مختلف از سایت بدهد. همچنین به روش های مختلف به دست آورد. اجازه دهید ما آنها را در زیر بررسی می کنیم.

پارامترها را مشخص عناصر شفافیت

پارامترهای برای تنظیم شفافیت عناصر چند. آنها بسته های مورد استفاده در اهداف خاص، و همچنین به عنوان مرورگر است که تحت "تنظیم" طراحی. این خدمات عبارتند از خواص زیر است:

• کدورت؛
• فیلتر،
• PNG تصویر به عنوان پس زمینه.

تعداد، پایین تر از سطح شفافیت از عنصر بالاتر: ارزش اموال CSS "شفافیت" به شرح زیر تغییر کرده است. کدورت، آن را از 0 به 1 تغییر می کند، در فیلتر - از 10 تا 100. و دومی برای مرورگر Interet اکسپلورر، و دیگر اموال کدورت قابل اجرا استفاده می شود.

شفافیت تصویر (تغییر)

بیایید با گزینه هایی که شفاف ظاهر خواهد شد که شما در مورد حرکت شروع با کشیدن ماوس.

اجازه بدهید ببینیم چگونه برای مشخص کردن شفافیت تصویر. CSS ارائه می دهد دو گزینه. برای این کار، شما باید آن را به طور مستقیم در کد اچ تی ام ال سند به عنوان زیر ثبت کنید:

1. مشخص کردن مسیر به تصویر.
2. پارامترهای شفافیت تعریف می کنیم که مکان نما است. برای این کار، ما با استفاده از خواص به: Send to و onmouseout، که تجویز ارزش کدورت، و فیلتر.

همین ویژگی ها را می توان در CSS-سند و کد منبع برای اضافه کردن یک مرجع به آن تجویز می شوند. نتایج به نوبه خود از همان.

شفافیت متن و صفحه بلوک

همانطور که برای متن و یا بلوک (دیو و شفاف)، CSS ارائه می دهد گزینه آن، شبیه به ایجاد یک تصویر شفاف، شما مجبور به استفاده از متصل CSS-فایل، که در آن پارامترهای مورد نظر تنظیم شده است. شما می توانید بروید و یک راه ساده تر. هنگامی که شما مجموعه ای از سبک DIV سبک بلوک و یا متن ص تجویز زیر کد HTML به به: Send to و onmouseout عناصر. هر دو گزینه کار و تولید نتیجه مورد نظر.

ثابت شفافیت

در برخی موارد، شفافیت از یک شی، یک عنصر طراحی و یا متن شما می خواهید به مجموعه به صورت مداوم. در این وضعیت، راه حل است حتی ساده تر از زمانی که شما شناور ماوس.

عنصر CSS برای شفافیت خواهد شد کد زیر داده شده است. در بلوک سبک DIV تجویز مقادیر برای پس زمینه (به عنوان مثال، # ff8800)، کدورت (به عنوان مثال، 0.5) و عرض (عرض) و padding (بالشتک).

برای تصویر ارزش کد در حال ساخت و فیلتر کدورت، و مشخص کردن مسیر به تصویر.

RGBA-روش

گزینه های دیگر برای استفاده از این CSS اموال وجود دارد: شفافیت را می توان به رنگ پایه هر عنصر طراحی اعمال می شود. آن استفاده می کند روش RGBA. آلفا، که مجموعه سطح شفافیت - سه حرف اول را برای رنگ های اولیه (قرمز، شکافت، آبی)، و زمان آخرین پایه. با استفاده از RGBA فرمت تجویز شفافیت، اشاره به آن به رقم آخر. به عنوان مثال، به عنوان: پس زمینه: RGBA (240،2،33،0.4035).

نتیجه

بنابراین، با استفاده در این دوره از کار بر روی طراحی سایت از ویژگی های ساده اما موثر CSS "شفافیت"، شما می توانید آن عناصر با حداقل تلاش جالب تر و قابل توجه تر می کند. تجسم توصیف ویژگی های شفافیت سفارشی شما را با این کمک خواهد کرد.