از ویژگی transform-origin برای تعیین مبدا مختصاتی تغییر شکل, مکان و یا وضعیت عناصر استفاده می شود. مثلا در مورد چرخاندن یک عنصر, اگر مبدا مختصاتی آن عنصر تغییر پیدا کند نتیجه تغییر چرخش متفاوت خواهد بود. تصویر زیر این موضوع را بهتر بیان می کند. توجه داشته باشید که نقطه سیاه مبدا مختصات عنصر […]
transform
با استفاده از ویژگی transform می توانید شکل, مکان و یا وضعیت یک عنصر را تغییر دهید. این تغییر می تواند دو بعدی و یا سه بعدی باشد. مقدار این ویژگی می تواند none باشد که به این معنی است که هیچ تغییری انجام نشود. و یا می توان یک و یا تعدادی از توابع […]
repeating-radial-gradient
از تابع ()repeating-radial-gradient برای ساخت گرادینت (<gradient>) از نوع شعاعی تکرار شونده استفاده می شود به این معنا که دو و یا چند رنگ به صورت دایره یا بیضی شکل در هم محو و به همان صورت در پس زمینه تکرار می شوند. این تابع دقیقا همان مقادیر تابع گرادینت شعاعی را می گیرد پس […]
radial-gradient
از تابع ()radial-gradient برای ساخت گرادینت (<gradient>) از نوع شعاعی استفاده می شود به این معنا که دو و یا چند رنگ به صورت شعاعی در هم محو می شوند. در این نوع گرادینت برخلاف <linear-gradient> که رنگ ها از یک سمت عنصر به سمت دیگر آن در کنار هم قرار می گیرند, رنگ ها […]
repeating-linear-gradient
از تابع ()repeating-linear-gradient برای ساخت گرادینت (<gradient>) از نوع خطی تکرار شونده استفاده می شود به این معنا که دو و یا چند رنگ به صورت خطی در یک راستای موافق در هم محو و به همان صورت در پس زمینه تکرار می شوند. این تابع دقیقا همان مقادیر تابع گرادینت خطی را می گیرد […]
linear-gradient
از تابع ()linear-gradient برای ساخت گرادینت (<gradient>) از نوع خطی استفاده می شود به این معنا که دو و یا چند رنگ به صورت خطی در یک راستای موافق در هم محو می شوند. تصویر زیر یک گردانیت خطی که تشکیل شده از رنگ زرد و بنفش است را نشان می دهد: تعریف گرادینت خطی […]
<gradient>
<gradient> یک نوع تصویر می باشد که از دو یا چند رنگ که به آرامی در هم محو می شوند تشکیل می شود. به عنوان مثال از آن برای سایه روشن کردن دکمه ها و یا عناصر دیگر استفاده می شود. در CSS گرادینت ها رنگ نیستند به همین دلیل نمی توان از آنها برای […]
box-shadow
از ویژگی box-shadow برای اضافه کردن سایه به یک عنصر یا باکس استفاده می شود. تمام عناصر در یک صفحه می توانند سایه بگیرند. box-shadow: [horizontal offset] [vertical offset] [blur radius] [spread radius] [color]; box-shadow: 2px 3px 10px 5px #f0f; اولین مقدار فاصله سایه با باکس را در راستای محور X مشخص می کند, که […]
text-shadow
از ویژگی text-shadow برای اضافه کردن سایه به متن استفاده می شود. می توان به متن یک عنصر چندین سایه اضافه کرد, که در این صورت اولین سایه در بالا و بقیه به ترتیب زیر آن قرار می گیرند. اگر متنی همراه با خط هم باشد (مثلا زیر خط دار باشد) سایه به آن خط […]
استایل دهی به متن جایگزین تصویر
همانطور که می دانید نوشته جایگزین یک تصویر در صفحات وب بوسیله خاصیت alt در تگ <img> به وجود می آید. <img src=”bird.jpg” alt=”تصویر یک پرنده خیلی خشنگ” /> ما به دلایل زیر از این ویژگی استفاده می کنیم: در صورت بروز هر مشکل برای تصویر کاربر می تواند این متن را ببیند و شاید […]