با استفاده از عنصر <clipPath> می‌توان ناحیه یا مسیر برش تعریف کرد و از آن در ویژگی clip-path برای مخفی کردن قسمتی از یک عنصر HTML یا SVG استفاده کرد. زمانی که مسیر برشی را بر روی یک عنصر اعمال می‌کنیم، هر قسمتی از آن عنصر که خارج از مسیر برش قرار بگیرند، نمایش داده نمی‌شوند.
در این ویدیو نحوه پیاده‌سازی یک افکت بالارونده را برای کپشن یک کارت با استفاده از ویژگی transform آموزش می‌دهیم.
در این مطلب با سه روش خطی، داخلی و خارجی در استفاده از SVG برای آیکون‌ها در صفحات وب و وب اپلیکینش‌ها آشنا می‌شویم.
همانند CSS، در SVG نیز امکان استفاده از گرادینت شعاعی با استفاده از عنصر مربوط به آن وجود دارد.
در این ویدیو بررسی می‌کنیم که چطور مقدار sticky برای ویژگی position به ما اجازه می‌دهد که عنصری را در زمان اسکرول بصورت ثابت داشته باشیم.
همانطور که در سی‌اس‌اس ویژگی برای ساخت گرادینت خطی داریم، در SVG نیز این امکان وجود دارد که گرادینت‌های خطی داشته باشیم.
در دنیای وب می‌توانیم رنگ‌ها را به روش‌های مختلف نشان دهیم. در مطلب مربوط به رنگ‌ها توابع مختلف رنگی و کدرنگی شش رقمی و سه رقمی را معرفی کردیم. در این مطلب به بررسی کد رنگی چهار و هشت رقمی می پردازیم.
برای سایت نیاز به جدول قیمتی داشتیم که در صفحه اول قرار بدهیم و بدلیل تنبلی امکان جستجو در گوگل وجود نداشت در نتیجه برآن شدیم تا یک جدول قیمت معمولی بوجود بیاریم که از لینک‌های زیر قابل دسترس می‌باشد.
در این مطلب با استفاده از فیلترها در سی‌اس‌اس نحوه ساخت یک سایه رنگارنگ را برای تصاویر آموزش می‌دهیم. در این روش نیازی برای استفاده از جاوااسکریپت وجود ندارد.
معمولا الگوها در طراحی وب سایت با استفاده از تصاویر بوجود می‌آیند اما بهتر است بدانیم که می‌توانیم آنها را با استفاده SVG نیز بسازیم که این باعث می شود از نظر کیفیت تصویر، خروجی بهتری داشته باشیم و همینطور نیازی نیست برای یک تصویر، درخواستی اضافه به سرور ارسال کنیم.
