مولد انتقال 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 الذي تم إنشاؤه لاستخدامه في مشاريعك.
مولد مثلث CSS
خصص مثلثك باستخدام الخيارات أدناه واحصل على كود CSS الذي تم إنشاؤه على الفور.
تحويل HEX إلى HSV
تحويل الألوان بين نماذج الألوان السداسية العشرية و HSV (الصبغة والتشبع والقيمة) مع معاينة في الوقت الفعلي.
أداة تشفير Base64
تشفير النص إلى تنسيق Base64 بسهولة في متصفحك.