mask

ویژگی mask از نوع ویژگی های مختصر نویسی می باشد که با استفاده از آن می توان تمام ویژگی های مربوط به ماسک کردن یک عنصر را با یک اعلان مقدار دهی کرد.

استفاده از قابلیت های devtools در مرورگر کروم

Devtools Device Mode

به دلیل اهمیت زیاد طراحی واکنشگرا و روش های Mobile First در طراحی صفحات وب، ما به محیطی نیاز داریم تا بتوانیم واکشگرایی طرح خود در آن آزمایش و بررسی کنیم. مرورگر کروم برای این کار راه حلی بوجود آورده است تحت عنوان Device Mode که ما در این مطلب این قسمت از ابزار توسعه دهندگان را مورد بررسی قرار می دهیم.

mask-type

زمانی که از عنصر <mask> برای ماسک کردن یک عنصر استفاده می شود ویژگی mask-type تعیین کننده حالت محتوای عنصر <mask> است که از نوع alpha باشد یا luminance. مطالب مرتبط mask-image mask-mode mask-composite mask

mask-composite

ویژگی mask-composite تعیین می کند که لایه ماسکی که توسط ویژگی mask-image تعریف شده است با لایه ماسک زیرین خود چگونه ترکیب می شود. مطالب مرتبط mask-image mask-mode mask-clip mask-type

mask-clip

ویژگی mask-clip تعیین می کند که لایه ماسک بر روی کدام نواحی عنصر تاثیر گذار باشد. مطالب مرتبط mask-image mask-mode mask-type mask

mask-origin

ویژگی mask-origin تعیین می کند که شروع ترسیم لایه ماسک در کدام ناحیه عنصر باشد. مطالب مرتبط mask-image mask-mode mask-composite mask-type

mask-size

ویژگی mask-size اندازه لایه ماسکی که توسط ویژگی mask-image تعیین شده است را تنظیم می کند. مطالب مرتبط mask-repeat mask-position mask-origin mask-clip

اشکال سی اس اس، برش و ماسک کردن در CSS

شکل ها، برش و ماسک کردن

با گسترش سی اس اس افکت های مختلفی که در دنیای های گرافیک وجود داشتند به مرور وارد سی اس اس شدند از جمله این موارد می توان به بوجود آوردن اشکال و برش عناصر و همچنین ماسک کردن آنها اشاره کرد. در این فصل به این سه مقوله می پردازیم. مطالب مرتبط انتخابگرها رنگ […]

mask-position

ویژگی mask-position مکان و موقعیت لایه ماسک را بر روی عنصر مشخص می کند. مقادیر این ویژگی کاملا مشابه به ویژگی background-position می باشند. مطالب مرتبط mask-repeat mask-size mask-origin mask

mask-repeat

با استفاده از ویژگی mask-repeat می توان نحوه تکرار شدن یک لایه ماسک را بعد از اینکه اندازه و مکانش تعیین شد کنترل کرد. این ویژگی مشابه ویژگی background-repeat برای یک پس زمینه عمل می کند. مطالب مرتبط mask-image mask-mode mask-position mask-size