مولد انتقال 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
محول Sass إلى CSS
حوّل كود Sass إلى CSS. بسرعة وسهولة وأمان.
محول Stylus إلى CSS
تحويل كود SCSS إلى CSS. سريع وسهل وآمن.
إنشاء تحويلات CSS3 بسهولة
أداة قوية وسهلة الاستخدام لإنشاء تحويلات CSS3 معقدة دون الحاجة إلى كتابة كود. قم بتصور التغييرات في الوقت الفعلي وانسخ كود CSS الذي تم إنشاؤه لاستخدامه في مشاريعك.
محول وحدات الضغط
قم بالتحويل بين وحدات الضغط المختلفة بدقة لتلبية احتياجاتك الهندسية والعلمية
تحويل سداسي عشري إلى ثماني
تحويل الأرقام السداسية العشرية إلى ثمانية بسهولة
إنشاء ظلال صندوق CSS جميلة بسهولة
إنشاء ظلال مربعة مذهلة باستخدام واجهتنا البديهية. انسخ كود CSS واستخدمه في مشاريعك على الفور.