---
id: 587d78a7367417b2b2512ae2
title: Create Visual Direction by Fading an Element from Left to Right
challengeType: 0
videoUrl: ''
localeTitle: إنشاء اتجاه مرئي بواسطة Fading عنصر من اليسار إلى اليمين
---
## Description
لهذا التحدي ، ستقوم بتغيير opacity
عنصر متحرك بحيث يتلاشى تدريجياً عندما يصل إلى الجانب الأيمن من الشاشة. في الصورة المتحركة المعروضة ، يتحرك العنصر المستدير بخلفية التدرج إلى اليمين بواسطة علامة 50٪ للرسوم المتحركة في قاعدة @keyframes
.
## Instructions
استهدف العنصر بمعرّف ball
وأضف خاصية opacity
إلى 0.1 عند 50%
، بحيث يتلاشى العنصر أثناء انتقاله إلى اليمين.
## Tests
```yml
tests:
- text: يجب أن تحدد قاعدة keyframes
opacity
خاصية opacity
إلى 0.1٪ عند 50٪.
testString: 'assert(code.match(/@keyframes fade\s*?{\s*?50%\s*?{\s*?(?:left:\s*?60%;\s*?opacity:\s*?0?\.1;|opacity:\s*?0?\.1;\s*?left:\s*?60%;)/gi), "The keyframes
rule for fade should set the opacity
property to 0.1 at 50%.");'
```
## Challenge Seed
## Solution
```js
// solution required
```