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