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

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

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

در اولین مرحله با توابع مختلف اشکال CSS آشنا خواهیم شد:

basic-shape

 
 

سپس ویژگی هایی را فرا میگیرم تا از اشکال سی اس اس استفاده کنیم:

shape-outside shape-margin shape-image-threshold

 
 

سپس برش عناصر را توسط ویژگی مسیر برش خواهیم آموخت:

clip-path

 
 

و در آخر ماژول ماسک را بصورت مفصل با تمام ویژگی های آن بررسی می کنیم:

mask-image mask-mode mask-type mask-position mask-size mask-repeat mask-origin mask-clip mask-composite mask

4 دیدگاه برای “شکل ها، برش و ماسک کردن

  1. سلام مجتبی جون من یه سایت درست کردم با بوت استرپ ولی توی گوشی مثل حالت لپتاپ نشونش میده و با کوچیک کردن عناصر و متن ها این کارو کرده … توی لپتاپ تست کردم همه چی درست بودا ولی تو گوشی :( … میشه کمکم کنی ؟ aliamiri-t.ir

  2. سلام، یه سوال داشتم، ممنون میشم اگر پاسخ بدین:
    زمانی که در input با تایپsearch طراح گزینه autocomplete را فعال کرده باشه مخاطب میتونه از کلماتی که قبلا جست و جو کرده استفاده کنه،ولی وقتی کلمات قبلی را انتخاب کنه رنگ پس زمینه input تغییر میکنه، چطور میشه جلوی این اتفاق را گرفت؟اصلا میشه جلوشو گرفت؟

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