✅️ 15 ترفند پرکاربرد در طراحی سایت با CSS:

1. animation-direction
با این ویژگی می‌تونید جهت‌گیری انیمیشن رو تعیین کنید.

2. animation-duration
توسط این خاصیت می‌تونید مدت زمان چرخه یک انیمیشن رو مشخص کنید.

3. animation-fill-mode
این خاصیت میتونه قبل از شروع اجرای انیمیشن یا پس از پایان اجرای انیمیشن، یک سبک یا استایل ایجاد کنه.

4. animation-iteration-count
این خاصیت جهت تعیین تعداد دفعات تکرار شدن انیمیشن استفاده میشه.

5. animation-name
این خاصیت جهت تعیین یک یا چند نام برای انیمیشن‌هایی که با دستور keyframe@ ساخته شدند، کاربرد داره.

6. animation-play-state
توسط این خاصیت می‌تونید برای یک تگ، چرخه یک انیمیشن رد متوقف کنید یا به حرکت دربیارید.

7. animation-timing-function
این خاصیت، منحنی سرعت یک انیمیشن درون یک تگ رو مشخص میکنه.

8. backface-visibility
این خاصیت تعیین می‌کنه زمانی که یک تگ در فضای سه بعدی توسط ویژگی transform حرکت داده میشه، پشتش قابل مشاهده باشه یا نه.

9. background
توسط این خاصیت، می‌تونید چندین ویژگی دیگه رو برای مدیریت پس‌زمینه تعریف کنید.

10. background-attachment
با استفاده از این خاصیت می‌تونید تنظیم کنید که اگر صفحه وب شما Scroll داره، تصویر پس زمینه در اسکرول به بالا و پایین در جای خودش ثابت بمونه یا نه‌.

11. background-blend-mode
برای تعیین حالت آمیختگی رنگ در لایه‌های مختلف پس زمینه یک تگ استفاده میشه.

12. background-clip
توسط این خاصیت می‌تونید اعیین کنید که پس زمینه یک تگ در کدوم ناحیه و یا ناحیه‌ها قرار بگیره.

13. background-color
توسط این خاصیت میتونید یک رنگ پس‌زمینه برای یک تگ تعیین کنید.

14. background-image
توسط این خاصیت میتونید یک یا چند تصویر روی هم رو به عنوان پس‌زمینه یک تگ قرار بدید.

15. background-origin
توسط این خاصیت میتونید تعیین کنید که شروع ترسیم پس‌زمینه یک تگ در کدام ناحیه باشه.


#وب #html #css #طراحی_سایت
🆔️ @darsmancom
🌐 www.darsman.com