لقد تم تكليفك بإنشاء تأثير خافت للرسوم المتحركة لصفحة ويب. لتحقيق ذلك، تحتاج إلى كتابة دالة تضيف فئة CSS محددة إلى عنصر HTML.

يتم إعطاؤك مقتطف الشفرة التالي كنقطة بداية:

```أتش تي أم أل
<div class="fade-in">
    <h3 class="mb-4"><strong><i class="cil-settings">
```

مهمتك هي كتابة دالة `addFadeInClass` التي تأخذ سلسلة `html` تمثل عنصر HTML وترجع عنصر HTML المعدل مع إضافة فئة CSS "fade-in" إليها.

يجب أن تحتوي الوظيفة على التوقيع التالي:
```مخطوطة
وظيفة addFadeInClass(html: سلسلة): سلسلة {
    // تطبيق
}
```

يمكنك أن تفترض أن سلسلة HTML المدخلة ستكون صالحة ومصممة بشكل جيد. يجب إضافة فئة `fade-in` قبل قوس الإغلاق `>` لعلامة HTML المفتوحة.

على سبيل المثال، بالنظر إلى سلسلة HTML المدخلة `<div class="container"><p>Hello, World!</p></div>`، يجب أن تعرض الدالة سلسلة HTML المعدلة `<div class="container Fade -in"><p>مرحبًا بالعالم!</p></div>`.

لاحظ أن سلسلة HTML المدخلة قد تحتوي على علامات متداخلة، ويجب أن تضيف الوظيفة فئة "fade-in" فقط إلى عنصر المستوى الأعلى.
{"source": "argilla/DistiCoder-dpo-binarized", "kind": "synthetic", "evolved_from": null}