با گسترش سی اس اس افکت های مختلفی که در دنیای های گرافیک وجود داشتند به مرور وارد سی اس اس شدند از جمله این موارد می توان به بوجود آوردن اشکال و برش عناصر و همچنین ماسک کردن آنها اشاره کرد. در این فصل به این سه مقوله می پردازیم.
<basic-shape>
<basic-shape> همانطور که از نامش پیداست یک شکل پایه و ساده است که بوسیله یکی از توابع شکل تعریف می شود و سپس می توان آن شکل را به عنوان یک مقدار برای یکی از ویژگی های clip-path و یا shape-outside تنظیم کرد.