این آموزش در تاریخ ۱۴۰۰/۱۱/۰۱ آپدیت شده است.
لیست توابع CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش لیست توابع CSS با من همراه باشید.
Free-Learn
لیست توابع CSS
تابع یا به انگلیسی ( Function ) به حالت پیشرفته تری از مقدار دهی به تگ ها در یک صفحه وب از طریق ویژگی های CSS گفته میشه، یعنی در واقع این توابع میشه همون ویژگی های CSS ولی خب دیگه این ویژگی هارو در دسته ی توابع میشناسن.
و درکل و بطور کلی این توابع همون مقادیر ویژگی های CSS می باشند، که آنها را در دسته ی توابع CSS میشناسند، در ادامه میتوانید لیست توابع زبان CSS را مشاهده نمایید.
| نام تابع | توضیح | مثال |
|---|---|---|
| attr | گرفتن مقدار یک صفت از یک تگ | مثال |
| calc | استفاده از عبارات ریاضی ( جمع ، تفریق و.. ) بروی مقدار یک ویژگی |
مثال |
| cubic-bezier | برای تنظیم یک منحنی زمانی برای اجرای Animation یا Transition |
مثال |
| hsl | برای تنظیم رنگ زمینه یا متن | مثال |
| hsla | برای تنظیم رنگ زمینه یا متن | مثال |
| rgb | برای تنظیم رنگ زمینه یا متن | مثال |
| rgba | برای تنظیم رنگ زمینه یا متن | مثال |
| linear-gradient | ایجاد رنگ ترکیبی ( گریدینت ) بصورت خطی |
مثال |
| radial-gradient | ایجاد رنگ ترکیبی ( گریدینت ) بصورت شعاعی |
مثال |
| repeating-linear-gradient | تکرار رنگ ترکیبی ( گریدینت ) بصورت خطی |
مثال |
| repeating-radial-gradient | تکرار رنگ ترکیبی ( گریدینت ) بصورت شعاعی |
مثال |
| blur | میزان تاری / کدری رنگ | مثال |
| brightness | میزان شفافیت / روشنایی رنگ | مثال |
| contrast | میزان کنتراست رنگ | مثال |
| drop-shadow | جهت ایجاد سایه در زیر عنصر | مثال |
| grayscale | میزان سیاه و سفید بودن رنگ | مثال |
| hue-rotate | میزان چرخش رنگ | مثال |
| invert | میزان معکوس شدن رنگ | مثال |
| opacity | میزان تاری ( حالت کمرنگ بودن ) | مثال |
| saturate | میزان اشباع شدن رنگ | مثال |
| sepia | رنگ متمایل به قهوای ( حالت عکس و فیلم های قدیمی ) |
مثال |
| url | برای مشخص کردن آدرس URL فایل ( تصویر و… ) | مثال |
| translate | برای جابه جایی عناصر در محور X و Y | مثال |
| scale | میزان بزرگ شدن یک تگ | مثال |
| rotate | چرخاندن عناصر در زاویه های مختلف | مثال |
| skew | کج کردن عناصر در زاویه های مختلف | مثال |
| var | ایجاد متغیرهای سفارشی در CSS | مثال |
لیست توابع CSS
