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