آموزش تابع opacity در CSS

تابع opacity() در CSS برای تنظیم شفافیت عناصر استفاده می‌شود. با این تابع می‌توان میزان دید عناصر، تصاویر و پس‌زمینه‌ها را کنترل کرد و افکت‌های بصری متنوع و جذاب ایجاد کرد. برای یادگیری بیشتر و مثال‌های عملی، به دوره آموزش CSS مراجعه کنید.

ساختار تابع opacity

opacity(value)

- value: میزان شفافیت عنصر. مقدار 0 کاملاً شفاف و 1 کاملاً غیر شفاف است.

مثال عملی تابع opacity

.opacity-box {
    opacity: 0.5;
    width: 200px;
    height: 200px;
    background-color: #3498db;
}

جدول ویژگی‌ها و توضیحات

نکات مهم

• تابع opacity() می‌تواند برای تصاویر، پس‌زمینه‌ها و عناصر متنی استفاده شود.
• ترکیب opacity با دیگر افکت‌ها مانند blur و brightness جلوه‌های بصری حرفه‌ای ایجاد می‌کند.
• مقدار value همیشه بین 0 و 1 قرار دارد و می‌توان از عدد اعشاری استفاده کرد.
• برای کنترل شفافیت عناصر متعدد، استفاده از کلاس‌ها یا selectorهای CSS توصیه می‌شود.

ادامه آموزش

برای یادگیری کامل افکت‌های CSS و استفاده حرفه‌ای از ویژگی‌های طراحی وب، حتماً دوره آموزش CSS را مشاهده کنید.