---
id: 587d78a7367417b2b2512ae2
title: Create Visual Direction by Fading an Element from Left to Right
challengeType: 0
videoUrl: ''
localeTitle: 'Создать визуальное направление, затухая элемент слева направо'
---
## Description
Для этой задачи вы измените opacity
анимированного элемента, чтобы он постепенно исчезал, когда он достиг правой стороны экрана. В отображаемой анимации круглый элемент с фоном градиента перемещается вправо на 50% метки анимации по правилу @keyframes
.
## Instructions
Задайте элемент с идентификатором ball
и добавьте свойство opacity
равное 0.1, равное 50%
, поэтому элемент исчезает, когда он перемещается вправо.
## Tests
```yml
tests:
- text: 'Правило keyframes
для fade должно установить свойство 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
```