jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

renovations

Browse source
This commit is contained in:
Ilya Kantor 2015-03-04 23:09:07 +03:00
parent 05d35d0d16
commit 951cf3f2ec
152 changed files with 2527 additions and 2179 deletions
Download patch file Download diff file Expand all files Collapse all files

12
5-animation/2-css-transitions/1-animate-logo-css/task.md
View file

@ -1,12 +1,16 @@
# Анимировать лого (CSS)
# Анимировать самолёт (CSS)
[importance 5]
Реализуйте анимацию, как в демке ниже (клик на картинку):
[iframe src="solution" height=350]
Продолжительность анимации: 3 секунды.
[iframe src="solution" height=300]
Для анимации использовать CSS, по окончании вывести "ок".
<ul>
<li>Изображение растёт при клике с 40x24px до 400x240px .</li>
<li>Продолжительность анимации: 3 секунды.</li>
<li>По окончании вывести "Готово!".</li>
<li>Если в процессе анимации были дополнительные клики -- они не должны ничего "сломать".</li>
</ul>