مولد انتقال CSS3
انتقال سلس للشفافية
المسبقة الشائعة
التلاشي
انتقال التعتيم
تأثير
المقياس تغيير حجم العنصر عند التمرير
تدوير التأثير
تدوير العنصر عند التمرير
تأثير
نقل موضع
اللون
انتقال
لون الخلفية حول الانتقالات
لك انتقالات CSS بتغيير قيم الخصائص smoothly ، على مدى فترة معينة.
تشمل الخصائص المتحركة بشكل شائع:
- العرض ،
- وهامش الارتفاع
- وعتامة الحشو
- transform (scale, rotate, translate)
- background-color
نصيحة احترافية: استخدم خيار "جميع الخصائص" لتحريك جميع التغييرات.
Preview
التعليمات البرمجية
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
عناصر التحكم
التمرير
Related Tools
محول Sass إلى CSS
حوّل كود Sass إلى CSS. بسرعة وسهولة وأمان.
محول Stylus إلى CSS
تحويل كود SCSS إلى CSS. سريع وسهل وآمن.
إنشاء تحويلات CSS3 بسهولة
أداة قوية وسهلة الاستخدام لإنشاء تحويلات CSS3 معقدة دون الحاجة إلى كتابة كود. قم بتصور التغييرات في الوقت الفعلي وانسخ كود CSS الذي تم إنشاؤه لاستخدامه في مشاريعك.
محول وحدات الضغط
قم بالتحويل بين وحدات الضغط المختلفة بدقة لتلبية احتياجاتك الهندسية والعلمية
تحويل HEX إلى Pantone
تحويل رموز الألوان HEX بدقة إلى ألوان Pantone Matching System® لتلبية احتياجات التصميم الاحترافي
محول Base64 إلى صورة
تحويل سلاسل Base64 إلى صور لتطوير الويب وتصور البيانات