✅️ 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