@Wolron

Как сделать плавное движение слова?

Как сделать, чтобы при нажатии на слово, оно плавно перемещалось над полоской? И так все остальные слова. Потом я нажимаю на "проверить" и если не правильно,то выдается ошибка, если правильно, то выдается сообщение "верно".

<!DOCTYPE html>
<html>
<head>
    <title>Блоки</title>
    <meta charset="utf-8">
</head>
<body>

<button type="button" id="r">Проверить</button>

<div>Выберите слова,к которым при множественном числе добавляются -es</div> 

<?xml version="1.0" standalone="no"?>
<svg width="600" height="130" version="1.1" xmlns="http://www.w3.org/2000/svg">


  <line x1="100" x2="400" y1="100" y2="100" stroke="orange" fill="transparent" stroke-width="5"/>
  
</svg>

    <div>an actress(актриса)</div> 
    <div>a dress(платье ) </div>
    <div>wolf(волк) </div>
    <div>a tomato (томат)</div> 
    <div>wife(жена) </div>
    


<?xml version="1.0" standalone="no"?>
<svg width="600" height="130" version="1.1" xmlns="http://www.w3.org/2000/svg">

<div id="rect"></div>


</body>
</html>
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 1
Hacker2282288
@Hacker2282288
Начинающий программист(12)
При клике? если да вот код
js

const block = document.getElementById('block');

block.addEventListener('click', () => {
block.classList.add('slide');
});

css

.slide {
margin-left: 1em;
transition: .2s;
}

html

Нажми на меня
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы