FileMood

Download [HTML Academy] (2022) Анимации, часть 1. CSS-анимации

HTML Academy 2022 Анимации часть CSS анимации

Name

[HTML Academy] (2022) Анимации, часть 1. CSS-анимации

  DOWNLOAD Copy Link

Trouble downloading? see How To

Total Size

573.5 MB

Total Files

1257

Hash

23D2E6E83A092251156BEEEB7339C79E061C6EB9

/

animation-basics.epub

250.3 MB

/HTML/

index.xhtml

28.7 KB

/HTML/fonts/

tt-norms-pro-400-italic.v2.woff

113.6 KB

tt-norms-pro-400-italic.v2.woff2

82.6 KB

tt-norms-pro-400-normal.v2.woff

108.3 KB

tt-norms-pro-400-normal.v2.woff2

78.6 KB

tt-norms-pro-500-italic.v2.woff

111.7 KB

tt-norms-pro-500-italic.v2.woff2

81.0 KB

tt-norms-pro-500-normal.v2.woff

105.8 KB

tt-norms-pro-500-normal.v2.woff2

76.6 KB

tt-norms-pro-700-italic.v2.woff

114.1 KB

tt-norms-pro-700-italic.v2.woff2

83.1 KB

tt-norms-pro-700-normal.v2.woff

108.7 KB

tt-norms-pro-700-normal.v2.woff2

79.1 KB

ubuntu-mono.woff

106.6 KB

ubuntu-mono.woff2

81.6 KB

/HTML/media/

cover.png

706.8 KB

file0.gif

107.4 KB

file1.gif

199.2 KB

file2.gif

275.6 KB

file3.gif

440.7 KB

file4.gif

234.8 KB

file5.gif

4.0 MB

file6.png

79.6 KB

file7.gif

21.4 MB

file8.jpg

41.7 KB

file9.gif

5.3 MB

file10.png

80.2 KB

file11.png

106.5 KB

file12.gif

2.3 MB

file13.gif

4.2 MB

file14.gif

270.0 KB

file15.gif

2.7 MB

file16.gif

1.0 MB

file17.png

73.2 KB

file18.gif

450.3 KB

file19.gif

44.4 KB

file20.gif

267.4 KB

file21.gif

39.4 KB

file22.gif

3.3 MB

file23.gif

3.2 MB

file24.png

86.1 KB

file25.gif

656.3 KB

file26.png

72.7 KB

file27.gif

8.3 MB

file28.gif

9.7 MB

file29.png

63.6 KB

file30.gif

1.3 MB

file31.gif

860.4 KB

file32.gif

2.3 MB

file33.gif

4.7 MB

file34.gif

8.7 MB

file35.gif

1.5 MB

file36.gif

7.7 MB

file37.gif

3.5 MB

file38.gif

1.0 MB

file39.gif

650.9 KB

file40.gif

13.2 MB

file41.gif

3.3 MB

file42.gif

3.3 MB

file43.gif

4.3 MB

file44.gif

363.0 KB

file45.gif

621.9 KB

file46.gif

4.8 MB

file47.gif

4.2 MB

file48.gif

2.6 MB

file49.gif

18.0 MB

file50.gif

7.3 MB

file51.png

6.6 KB

file52.png

41.0 KB

file53.png

3.7 KB

file54.png

3.3 KB

file55.png

3.3 KB

file56.png

62.9 KB

file57.gif

1.5 MB

file58.gif

1.7 MB

file59.gif

177.1 KB

file60.gif

2.4 MB

file61.gif

1.3 MB

file62.gif

3.0 MB

file63.gif

1.4 MB

file64.png

76.6 KB

file65.png

39.9 KB

file66.jpg

73.6 KB

file67.gif

116.0 KB

file68.jpg

44.9 KB

file69.png

105.0 KB

file70.gif

378.8 KB

file71.gif

1.5 MB

file72.gif

25.0 MB

file73.gif

14.5 MB

file74.gif

2.0 MB

file75.gif

3.8 MB

file76.svg

7.8 KB

file77.svg

18.2 KB

file78.png

10.7 KB

file79.jpg

33.1 KB

file80.jpg

18.7 KB

file81.svg

13.9 KB

file82.jpg

48.9 KB

file83.gif

21.0 MB

file84.jpg

53.1 KB

file85.png

5.7 KB

file86.png

4.4 KB

file87.jpg

12.5 KB

file88.gif

1.9 MB

file89.png

176.7 KB

file90.png

243.6 KB

file91.png

599.4 KB

file92.gif

8.1 MB

file93.png

221.9 KB

file94.gif

709.9 KB

/HTML/styles/

stylesheet1.css

12.0 KB

/HTML/text/

ch001.xhtml

144.1 KB

ch002.xhtml

89.1 KB

ch003.xhtml

81.5 KB

ch004.xhtml

192.7 KB

ch005.xhtml

83.1 KB

ch006.xhtml

67.4 KB

ch007.xhtml

28.9 KB

cover.xhtml

1.0 KB

title_page.xhtml

1.0 KB

/Материалы/

animation-basics-source-main.zip

19.4 MB

/.../1.8. Эталонное решение задания/Шаг №1/

index.html

0.5 KB

style.css

2.1 KB

/.../1.8. Эталонное решение задания/Шаг №2/

index.html

0.5 KB

style.css

2.1 KB

/.../1.8. Эталонное решение задания/Шаг №3/

index.html

0.5 KB

style.css

2.1 KB

/.../1.8. Эталонное решение задания/Шаг №4/

index.html

0.5 KB

style.css

2.1 KB

/.../1.8. Эталонное решение задания/Шаг №5/

index.html

0.5 KB

style.css

2.1 KB

/.../1.10. Эталонное решение задания/Шаг №1/

index.html

1.7 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

1.8 KB

/.../1.10. Эталонное решение задания/Шаг №2/

index.html

1.7 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

1.9 KB

/.../1.10. Эталонное решение задания/Шаг №3/

index.html

1.7 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

2.0 KB

/.../1.12. Эталонное решение задания/Шаг №1/

index.html

5.2 KB

style.css

1.6 KB

/.../1.12. Эталонное решение задания/Шаг №2/

index.html

5.2 KB

style.css

1.6 KB

/.../1.12. Эталонное решение задания/Шаг №3/

index.html

5.2 KB

style.css

1.6 KB

/.../1.12. Эталонное решение задания/Шаг №4/

index.html

5.2 KB

style.css

1.6 KB

/.../1.14. Изменение прозрачности элемента при наведении/Шаг №1/

index.html

0.5 KB

style.css

0.6 KB

/.../1.15. Изменение цвета фона кнопки при наведении/Шаг №1/

index.html

0.2 KB

style.css

0.5 KB

/.../1.16. Изменение прозрачности кнопки с задержкой/Шаг №1/

index.html

0.2 KB

style.css

0.4 KB

/.../1.17. Пример перехода для анимации кнопки/Шаг №1/

index.html

0.2 KB

style.css

0.6 KB

/.../1.18. Изменение цвета фона кнопки при наведении/Шаг №1/

index.html

0.2 KB

style.css

0.4 KB

/.../1.19. Изменение цвета текста кнопки при наведении/Шаг №1/

index.html

0.2 KB

style.css

0.5 KB

/.../1.20. Добавление тени к кнопке при наведении/Шаг №1/

index.html

0.4 KB

style.css

0.9 KB

/.../1.21. Изменение разных CSS-свойств кнопки при наведении/Шаг №1/

index.html

0.2 KB

style.css

0.5 KB

/.../1.22. Примеры простой анимации для карточек товара магазина мебели/Шаг №1/

index.html

2.5 KB

interior-card-1.jpg

59.4 KB

interior-card-2.jpg

89.3 KB

interior-card-3.jpg

69.3 KB

style.css

1.6 KB

/.../1.22. Примеры простой анимации для карточек товара магазина мебели/Шаг №2/

index.html

2.5 KB

interior-card-1.jpg

59.4 KB

interior-card-2.jpg

89.3 KB

interior-card-3.jpg

69.3 KB

style.css

1.8 KB

/.../1.22. Примеры простой анимации для карточек товара магазина мебели/Шаг №3/

index.html

2.5 KB

interior-card-1.jpg

59.4 KB

interior-card-2.jpg

89.3 KB

interior-card-3.jpg

69.3 KB

style.css

1.9 KB

/.../1.22. Примеры простой анимации для карточек товара магазина мебели/Шаг №4/

index.html

2.5 KB

interior-card-1.jpg

59.4 KB

interior-card-2.jpg

89.3 KB

interior-card-3.jpg

69.3 KB

style.css

2.1 KB

/.../1.22. Примеры простой анимации для карточек товара магазина мебели/Шаг №5/

index.html

2.5 KB

interior-card-1.jpg

59.4 KB

interior-card-2.jpg

89.3 KB

interior-card-3.jpg

69.3 KB

style.css

2.3 KB

/.../1.23. Примеры простой анимации для карточек товара магазина техники/Шаг №1/

index.html

2.1 KB

style.css

1.6 KB

tools-card-1.png

64.2 KB

tools-card-2.png

88.4 KB

tools-card-3.png

44.0 KB

/.../1.23. Примеры простой анимации для карточек товара магазина техники/Шаг №2/

index.html

2.1 KB

style.css

1.8 KB

tools-card-1.png

64.2 KB

tools-card-2.png

88.4 KB

tools-card-3.png

44.0 KB

/.../1.23. Примеры простой анимации для карточек товара магазина техники/Шаг №3/

index.html

2.1 KB

style.css

1.9 KB

tools-card-1.png

64.2 KB

tools-card-2.png

88.4 KB

tools-card-3.png

44.0 KB

/.../1.23. Примеры простой анимации для карточек товара магазина техники/Шаг №4/

index.html

2.1 KB

style.css

2.1 KB

tools-card-1.png

64.2 KB

tools-card-2.png

88.4 KB

tools-card-3.png

44.0 KB

/.../1.23. Примеры простой анимации для карточек товара магазина техники/Шаг №5/

index.html

2.1 KB

style.css

2.2 KB

tools-card-1.png

64.2 KB

tools-card-2.png

88.4 KB

tools-card-3.png

44.0 KB

/.../2.5. Эталонное решение задания/Шаг №1/

index.html

1.7 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

2.4 KB

/.../2.5. Эталонное решение задания/Шаг №2/

index.html

1.7 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

1.8 KB

/.../2.5. Эталонное решение задания/Шаг №3/

index.html

1.7 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

2.1 KB

/.../2.5. Эталонное решение задания/Шаг №4/

index.html

1.7 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

2.4 KB

/.../2.5. Эталонное решение задания/Шаг №5/

index.html

1.7 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

2.4 KB

/.../2.7. Эталонное решение задания/Шаг №1/

index.html

0.6 KB

style.css

2.9 KB

/.../2.7. Эталонное решение задания/Шаг №2/

index.html

0.6 KB

style.css

2.9 KB

/.../2.7. Эталонное решение задания/Шаг №3/

index.html

0.6 KB

style.css

2.9 KB

/.../2.7. Эталонное решение задания/Шаг №4/

index.html

0.6 KB

style.css

2.9 KB

/.../2.7. Эталонное решение задания/Шаг №5/

index.html

0.6 KB

style.css

2.9 KB

/.../2.7. Эталонное решение задания/Шаг №6/

index.html

0.6 KB

style.css

2.9 KB

/.../2.9. Эталонное решение задания/Шаг №1/

index.html

0.8 KB

style.css

5.4 KB

/.../2.9. Эталонное решение задания/Шаг №2/

index.html

0.8 KB

style.css

5.4 KB

/.../2.9. Эталонное решение задания/Шаг №3/

index.html

0.8 KB

style.css

5.4 KB

/.../2.9. Эталонное решение задания/Шаг №4/

index.html

0.8 KB

style.css

5.4 KB

/.../2.9. Эталонное решение задания/Шаг №5/

index.html

0.8 KB

style.css

5.4 KB

/.../2.9. Эталонное решение задания/Шаг №6/

index.html

0.8 KB

style.css

5.4 KB

/.../2.9. Эталонное решение задания/Шаг №7/

index.html

0.8 KB

style.css

5.4 KB

/.../2.11. Свойство transition-timing-function. Гладкие временные функции/Шаг №1/

index.html

0.5 KB

style.css

1.1 KB

/.../2.12. Свойство transition-timing-function. Кривая Безье/Шаг №1/

index.html

0.3 KB

style.css

0.7 KB

/.../2.13. Свойство transition-timing-function. Ступенчатые временные функции/Шаг №1/

index.html

0.4 KB

style.css

1.0 KB

/.../2.14. Ошибка отсутствия transition основного селектора элемента/Шаг №1/

index.html

1.0 KB

style.css

1.7 KB

tools-card-1.png

64.2 KB

/.../2.14. Ошибка отсутствия transition основного селектора элемента/Шаг №2/

index.html

1.0 KB

style.css

1.8 KB

tools-card-1.png

64.2 KB

/.../2.14. Ошибка отсутствия transition основного селектора элемента/Шаг №3/

index.html

1.0 KB

style.css

1.8 KB

tools-card-1.png

64.2 KB

/.../2.15. Ошибка анимирования элементов без состояния фокуса/Шаг №1/

index.html

1.0 KB

style.css

2.4 KB

tools-card-2.png

88.4 KB

/.../2.15. Ошибка анимирования элементов без состояния фокуса/Шаг №2/

index.html

1.0 KB

style.css

2.6 KB

tools-card-2.png

88.4 KB

/.../2.15. Ошибка анимирования элементов без состояния фокуса/Шаг №3/

index.html

1.0 KB

style.css

2.8 KB

tools-card-2.png

88.4 KB

/.../2.16. Ошибки при анимации размеров или положения элемента/Шаг №1/

index.html

1.1 KB

style.css

3.0 KB

/.../2.17. Ошибка влияния анимации элемента на окружающие его элементы/Шаг №1/

index.html

0.3 KB

style.css

0.7 KB

/.../2.18. Анимации кнопок с использованием clip-path/Шаг №1/

index.html

0.7 KB

style.css

2.3 KB

/.../2.18. Анимации кнопок с использованием clip-path/Шаг №2/

index.html

0.7 KB

style.css

2.3 KB

/.../2.18. Анимации кнопок с использованием clip-path/Шаг №3/

index.html

0.7 KB

style.css

2.3 KB

/.../2.18. Анимации кнопок с использованием clip-path/Шаг №4/

index.html

0.7 KB

style.css

2.3 KB

/.../2.18. Анимации кнопок с использованием clip-path/Шаг №5/

index.html

0.7 KB

style.css

2.3 KB

/.../2.19. Анимации кнопок с использованием transform/Шаг №1/

index.html

0.7 KB

style.css

2.0 KB

/.../2.19. Анимации кнопок с использованием transform/Шаг №2/

index.html

0.7 KB

style.css

2.0 KB

/.../2.19. Анимации кнопок с использованием transform/Шаг №3/

index.html

0.7 KB

style.css

2.0 KB

/.../2.19. Анимации кнопок с использованием transform/Шаг №4/

index.html

0.7 KB

style.css

2.0 KB

/.../2.19. Анимации кнопок с использованием transform/Шаг №5/

index.html

0.7 KB

style.css

2.0 KB

/.../2.20. Сравнение анимации карточек с использованием clip-path и transform/Шаг №1/

index.html

1.3 KB

style.css

1.4 KB

/.../2.20. Сравнение анимации карточек с использованием clip-path и transform/Шаг №2/

index.html

1.3 KB

style.css

1.4 KB

/.../2.20. Сравнение анимации карточек с использованием clip-path и transform/Шаг №3/

index.html

1.3 KB

style.css

1.4 KB

/.../2.21. Анимация карточки с использованием clip-path circle()/Шаг №1/

index.html

0.9 KB

style.css

1.1 KB

/.../2.22. Усложнённые анимации кнопок с использованием transform/Шаг №1/

index.html

0.8 KB

style.css

2.6 KB

/.../2.22. Усложнённые анимации кнопок с использованием transform/Шаг №2/

index.html

0.8 KB

style.css

2.6 KB

/.../2.22. Усложнённые анимации кнопок с использованием transform/Шаг №3/

index.html

0.8 KB

style.css

2.6 KB

/.../2.22. Усложнённые анимации кнопок с использованием transform/Шаг №4/

index.html

0.8 KB

style.css

2.6 KB

/.../2.22. Усложнённые анимации кнопок с использованием transform/Шаг №5/

index.html

0.8 KB

style.css

2.6 KB

/.../2.23. Усложнённая анимация карточки товара инструментов/Шаг №1/

index.html

1.0 KB

style.css

2.7 KB

tools-card-2.png

88.4 KB

/.../2.23. Усложнённая анимация карточки товара инструментов/Шаг №2/

index.html

1.0 KB

style.css

2.7 KB

tools-card-2.png

88.4 KB

/.../2.23. Усложнённая анимация карточки товара инструментов/Шаг №3/

index.html

1.0 KB

style.css

2.7 KB

tools-card-2.png

88.4 KB

/.../2.23. Усложнённая анимация карточки товара инструментов/Шаг №4/

index.html

1.0 KB

style.css

2.7 KB

tools-card-2.png

88.4 KB

/.../2.23. Усложнённая анимация карточки товара инструментов/Шаг №5/

index.html

1.0 KB

style.css

2.7 KB

tools-card-2.png

88.4 KB

/.../2.24. Анимация подчёркивания кнопок и ссылок/Шаг №1/

index.html

0.6 KB

style.css

1.0 KB

/.../2.24. Анимация подчёркивания кнопок и ссылок/Шаг №2/

index.html

0.6 KB

style.css

1.0 KB

/.../2.24. Анимация подчёркивания кнопок и ссылок/Шаг №3/

index.html

0.6 KB

style.css

1.0 KB

/.../3.8. Эталонное решение задания/Шаг №1/

boot.png

543.9 KB

cart-icon.svg

1.0 KB

index.html

2.1 KB

logo.svg

6.2 KB

menu-icon.svg

0.3 KB

star-icon.svg

0.3 KB

style.css

3.7 KB

text-circle.svg

11.4 KB

/.../3.8. Эталонное решение задания/Шаг №2/

boot.png

543.9 KB

cart-icon.svg

1.0 KB

index.html

2.1 KB

logo.svg

6.2 KB

menu-icon.svg

0.3 KB

star-icon.svg

0.3 KB

style.css

1.7 KB

text-circle.svg

11.4 KB

/.../3.8. Эталонное решение задания/Шаг №3/

boot.png

543.9 KB

cart-icon.svg

1.0 KB

index.html

2.1 KB

logo.svg

6.2 KB

menu-icon.svg

0.3 KB

star-icon.svg

0.3 KB

style.css

1.9 KB

text-circle.svg

11.4 KB

/.../3.8. Эталонное решение задания/Шаг №4/

boot.png

543.9 KB

cart-icon.svg

1.0 KB

index.html

2.1 KB

logo.svg

6.2 KB

menu-icon.svg

0.3 KB

star-icon.svg

0.3 KB

style.css

2.2 KB

text-circle.svg

11.4 KB

/.../3.8. Эталонное решение задания/Шаг №5/

boot.png

543.9 KB

cart-icon.svg

1.0 KB

index.html

2.1 KB

logo.svg

6.2 KB

menu-icon.svg

0.3 KB

star-icon.svg

0.3 KB

style.css

3.7 KB

text-circle.svg

11.4 KB

/.../3.10. Зацикленная анимация вращения элемента/Шаг №1/

index.html

0.6 KB

style.css

0.4 KB

text.png

5.1 KB

/.../3.10. Зацикленная анимация вращения элемента/Шаг №2/

index.html

0.6 KB

style.css

0.3 KB

text.png

5.1 KB

/.../3.10. Зацикленная анимация вращения элемента/Шаг №3/

index.html

0.6 KB

style.css

0.4 KB

text.png

5.1 KB

/.../3.11. Анимация стрелки перехода к новому экрану/Шаг №1/

arrow.png

6.8 KB

index.html

0.6 KB

style.css

0.8 KB

/.../3.11. Анимация стрелки перехода к новому экрану/Шаг №2/

arrow.png

6.8 KB

index.html

0.6 KB

style.css

0.8 KB

/.../3.11. Анимация стрелки перехода к новому экрану/Шаг №3/

arrow.png

6.8 KB

index.html

0.6 KB

style.css

0.8 KB

/.../3.11. Анимация стрелки перехода к новому экрану/Шаг №4/

arrow.png

6.8 KB

index.html

0.6 KB

style.css

0.8 KB

/.../3.12. Эффект Кена Бернса/Шаг №1/

house.png

577.3 KB

index.html

0.3 KB

style.css

0.8 KB

/.../3.12. Эффект Кена Бернса/Шаг №2/

house.png

577.3 KB

index.html

0.3 KB

style.css

0.8 KB

/.../3.12. Эффект Кена Бернса/Шаг №3/

house.png

577.3 KB

index.html

0.3 KB

style.css

0.8 KB

/.../3.12. Эффект Кена Бернса/Шаг №4/

house.png

577.3 KB

index.html

0.3 KB

style.css

0.8 KB

/.../3.13. Glitch-эффект текста/Шаг №1/

index.html

0.7 KB

style.css

4.7 KB

/.../3.13. Glitch-эффект текста/Шаг №2/

index.html

0.7 KB

style.css

1.3 KB

/.../3.13. Glitch-эффект текста/Шаг №3/

index.html

0.7 KB

style.css

1.3 KB

/.../3.13. Glitch-эффект текста/Шаг №4/

index.html

0.7 KB

style.css

1.8 KB

/.../3.13. Glitch-эффект текста/Шаг №5/

index.html

0.7 KB

style.css

2.8 KB

/.../3.13. Glitch-эффект текста/Шаг №6/

index.html

0.7 KB

style.css

3.9 KB

/.../3.13. Glitch-эффект текста/Шаг №7/

index.html

0.7 KB

style.css

3.8 KB

/.../3.13. Glitch-эффект текста/Шаг №8/

index.html

0.7 KB

style.css

4.3 KB

/.../3.13. Glitch-эффект текста/Шаг №9/

index.html

0.7 KB

style.css

4.7 KB

/.../3.13. Glitch-эффект текста/Шаг №10/

index.html

0.7 KB

style.css

4.7 KB

/.../3.14. Glitch-эффект картинки/Шаг №1/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

5.6 KB

/.../3.14. Glitch-эффект картинки/Шаг №2/

glitch-1.png

374.9 KB

index.html

1.3 KB

style.css

5.6 KB

/.../3.14. Glitch-эффект картинки/Шаг №3/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

1.3 KB

/.../3.14. Glitch-эффект картинки/Шаг №4/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

1.4 KB

/.../3.14. Glitch-эффект картинки/Шаг №5/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

2.0 KB

/.../3.14. Glitch-эффект картинки/Шаг №6/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

2.8 KB

/.../3.14. Glitch-эффект картинки/Шаг №7/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

3.6 KB

/.../3.14. Glitch-эффект картинки/Шаг №8/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

3.6 KB

/.../3.14. Glitch-эффект картинки/Шаг №9/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

4.3 KB

/.../3.14. Glitch-эффект картинки/Шаг №10/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

5.7 KB

/.../3.14. Glitch-эффект картинки/Шаг №11/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

5.7 KB

/.../3.14. Glitch-эффект картинки/Шаг №12/

glitch-1.png

374.9 KB

index.html

1.4 KB

style.css

5.6 KB

/.../3.15. Анимация бегущей строки/Шаг №1/

index.html

0.3 KB

style.css

0.8 KB

/.../3.15. Анимация бегущей строки/Шаг №2/

index.html

0.3 KB

style.css

0.5 KB

/.../3.15. Анимация бегущей строки/Шаг №3/

index.html

0.3 KB

style.css

0.7 KB

/.../3.15. Анимация бегущей строки/Шаг №4/

index.html

0.3 KB

style.css

0.8 KB

/.../3.16. Смягчение начала и конца движения/Шаг №1/

index.html

11.2 KB

plot-1.png

92.8 KB

plot-2.png

92.7 KB

plot-3.png

92.1 KB

plot-4.png

91.1 KB

plot-5.png

90.9 KB

plot-6.png

91.0 KB

script.js

2.3 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

4.7 KB

/.../3.17. Подготовка, или упреждение/Шаг №1/

index.html

3.4 KB

script.js

2.9 KB

shoes-card-1.png

84.4 KB

shoes-card-2.png

83.5 KB

shoes-card-3.png

83.9 KB

style.css

4.2 KB

/.../4.9. Эталонное решение задания/Шаг №1/

index.html

10.8 KB

script.js

0.1 KB

style.css

11.5 KB

/.../4.9. Эталонное решение задания/Шаг №1/js/

faq.js

0.7 KB

header.js

0.3 KB

modal.js

1.0 KB

slider.js

1.3 KB

tabs.js

0.7 KB

/.../4.9. Эталонное решение задания/Шаг №2/

index.html

10.8 KB

script.js

0.1 KB

style.css

11.6 KB

/.../4.9. Эталонное решение задания/Шаг №2/js/

faq.js

0.7 KB

header.js

0.3 KB

modal.js

1.0 KB

slider.js

1.3 KB

tabs.js

0.7 KB

/.../4.9. Эталонное решение задания/Шаг №3/

index.html

10.8 KB

script.js

0.1 KB

style.css

11.5 KB

/.../4.9. Эталонное решение задания/Шаг №3/js/

faq.js

0.7 KB

header.js

0.3 KB

modal.js

1.0 KB

slider.js

1.3 KB

tabs.js

0.7 KB

/.../4.9. Эталонное решение задания/Шаг №4/

index.html

10.8 KB

script.js

0.1 KB

style.css

11.5 KB

/.../4.9. Эталонное решение задания/Шаг №4/js/

faq.js

0.7 KB

header.js

0.3 KB

modal.js

1.0 KB

slider.js

1.3 KB

tabs.js

0.7 KB

/.../4.9. Эталонное решение задания/Шаг №5/

index.html

10.8 KB

script.js

0.1 KB

style.css

11.5 KB

/.../4.9. Эталонное решение задания/Шаг №5/js/

faq.js

0.7 KB

header.js

0.3 KB

modal.js

1.0 KB

slider.js

1.3 KB

tabs.js

0.7 KB

/.../4.9. Эталонное решение задания/Шаг №6/

index.html

10.8 KB

script.js

0.1 KB

style.css

11.5 KB

/.../4.9. Эталонное решение задания/Шаг №6/js/

faq.js

0.7 KB

header.js

0.3 KB

modal.js

1.0 KB

slider.js

1.3 KB

tabs.js

0.7 KB

/.../4.9. Эталонное решение задания/Шаг №7/

index.html

10.8 KB

script.js

0.1 KB

style.css

11.5 KB

/.../4.9. Эталонное решение задания/Шаг №7/js/

faq.js

0.7 KB

header.js

0.3 KB

modal.js

1.0 KB

slider.js

1.3 KB

tabs.js

0.7 KB

/.../4.9. Эталонное решение задания/Шаг №8/

index.html

10.8 KB

script.js

0.1 KB

style.css

11.5 KB

/.../4.9. Эталонное решение задания/Шаг №8/js/

faq.js

0.7 KB

header.js

0.3 KB

modal.js

1.0 KB

slider.js

1.3 KB

tabs.js

0.7 KB

/.../4.18. Эталонное решение задания/Шаг №1/

index.html

10.4 KB

script.js

0.1 KB

style.css

7.3 KB

/.../4.18. Эталонное решение задания/Шаг №1/modules/

animate-content.js

0.9 KB

progressbar.js

0.5 KB

reviews.js

0.6 KB

scrolled-header.js

0.9 KB

/.../4.18. Эталонное решение задания/Шаг №2/

index.html

10.4 KB

script.js

0.0 KB

style.css

6.2 KB

/.../4.18. Эталонное решение задания/Шаг №3/

index.html

10.4 KB

script.js

0.0 KB

style.css

6.2 KB

/.../4.18. Эталонное решение задания/Шаг №4/

index.html

10.4 KB

script.js

0.0 KB

style.css

6.2 KB

/.../4.18. Эталонное решение задания/Шаг №4/modules/

progressbar.js

0.5 KB

/.../4.18. Эталонное решение задания/Шаг №5/

index.html

10.4 KB

script.js

0.0 KB

style.css

6.3 KB

/.../4.18. Эталонное решение задания/Шаг №5/modules/

progressbar.js

0.5 KB

/.../4.18. Эталонное решение задания/Шаг №6/

index.html

10.4 KB

script.js

0.1 KB

style.css

6.3 KB

/.../4.18. Эталонное решение задания/Шаг №6/modules/

progressbar.js

0.5 KB

scrolled-header.js

0.6 KB

/.../4.18. Эталонное решение задания/Шаг №7/

index.html

10.4 KB

script.js

0.1 KB

style.css

6.3 KB

/.../4.18. Эталонное решение задания/Шаг №7/modules/

progressbar.js

0.5 KB

scrolled-header.js

0.9 KB

/.../4.18. Эталонное решение задания/Шаг №8/

index.html

10.4 KB

script.js

0.1 KB

style.css

6.5 KB

/.../4.18. Эталонное решение задания/Шаг №8/modules/

progressbar.js

0.5 KB

scrolled-header.js

0.9 KB

/.../4.18. Эталонное решение задания/Шаг №9/

index.html

10.4 KB

script.js

0.1 KB

style.css

6.5 KB

/.../4.18. Эталонное решение задания/Шаг №9/modules/

progressbar.js

0.5 KB

scrolled-header.js

0.9 KB

/.../4.18. Эталонное решение задания/Шаг №10/

index.html

10.4 KB

script.js

0.1 KB

style.css

7.3 KB

/.../4.18. Эталонное решение задания/Шаг №10/modules/

progressbar.js

0.5 KB

scrolled-header.js

0.9 KB

/.../4.18. Эталонное решение задания/Шаг №11/

index.html

10.4 KB

script.js

0.1 KB

style.css

7.3 KB

/.../4.18. Эталонное решение задания/Шаг №11/modules/

animate-content.js

0.9 KB

progressbar.js

0.5 KB

scrolled-header.js

0.9 KB

/.../4.18. Эталонное решение задания/Шаг №12/

index.html

10.4 KB

script.js

0.1 KB

style.css

7.3 KB

/.../4.18. Эталонное решение задания/Шаг №12/modules/

animate-content.js

0.9 KB

progressbar.js

0.5 KB

reviews.js

0.6 KB

scrolled-header.js

0.9 KB

/.../4.18. Эталонное решение задания/Шаг №13/

index.html

10.4 KB

script.js

0.1 KB

style.css

7.4 KB

/.../4.18. Эталонное решение задания/Шаг №13/modules/

animate-content.js

0.9 KB

progressbar.js

0.5 KB

reviews.js

0.6 KB

scrolled-header.js

0.9 KB

/.../4.20. Анимация плавного появления модального окна/Шаг №1/

index.html

0.6 KB

script.js

0.4 KB

style.css

1.0 KB

/.../4.20. Анимация плавного появления модального окна/Шаг №2/

index.html

0.6 KB

script.js

0.0 KB

style.css

0.7 KB

/.../4.20. Анимация плавного появления модального окна/Шаг №3/

index.html

0.6 KB

script.js

0.4 KB

style.css

0.7 KB

/.../4.20. Анимация плавного появления модального окна/Шаг №4/

index.html

0.6 KB

script.js

0.4 KB

style.css

1.0 KB

/.../4.21. Анимация появления всплывающей подсказки/Шаг №1/

index.html

0.8 KB

script.js

0.3 KB

style.css

0.7 KB

/.../4.21. Анимация появления всплывающей подсказки/Шаг №2/

index.html

0.8 KB

script.js

0.0 KB

style.css

0.5 KB

/.../4.21. Анимация появления всплывающей подсказки/Шаг №3/

index.html

0.8 KB

script.js

0.0 KB

style.css

0.5 KB

/.../4.21. Анимация появления всплывающей подсказки/Шаг №4/

index.html

0.8 KB

script.js

0.0 KB

style.css

0.7 KB

/.../4.21. Анимация появления всплывающей подсказки/Шаг №5/

index.html

0.8 KB

script.js

0.3 KB

style.css

0.7 KB

/.../4.22. Усложнённая анимация открытия модального окна/Шаг №1/

index.html

0.6 KB

script.js

1.0 KB

style.css

1.1 KB

/.../4.22. Усложнённая анимация открытия модального окна/Шаг №2/

index.html

0.6 KB

script.js

0.0 KB

style.css

1.1 KB

/.../4.22. Усложнённая анимация открытия модального окна/Шаг №3/

index.html

0.6 KB

script.js

0.0 KB

style.css

1.1 KB

/.../4.22. Усложнённая анимация открытия модального окна/Шаг №4/

index.html

0.6 KB

script.js

0.4 KB

style.css

1.1 KB

/.../4.22. Усложнённая анимация открытия модального окна/Шаг №5/

index.html

0.6 KB

script.js

0.6 KB

style.css

1.1 KB

/.../4.22. Усложнённая анимация открытия модального окна/Шаг №6/

index.html

0.6 KB

script.js

0.7 KB

style.css

1.1 KB

/.../4.22. Усложнённая анимация открытия модального окна/Шаг №7/

index.html

0.6 KB

script.js

0.8 KB

style.css

1.1 KB

/.../4.22. Усложнённая анимация открытия модального окна/Шаг №8/

index.html

0.6 KB

script.js

1.0 KB

style.css

1.1 KB

/.../4.23. Анимация открытия и закрытия меню/Шаг №1/

index.html

1.3 KB

logo.png

5.5 KB

script.js

0.2 KB

style.css

2.6 KB

/.../4.23. Анимация открытия и закрытия меню/Шаг №2/

index.html

1.3 KB

logo.png

5.5 KB

script.js

0.0 KB

style.css

1.8 KB

/.../4.23. Анимация открытия и закрытия меню/Шаг №3/

index.html

1.3 KB

logo.png

5.5 KB

script.js

0.2 KB

style.css

1.7 KB

/.../4.23. Анимация открытия и закрытия меню/Шаг №4/

index.html

1.3 KB

logo.png

5.5 KB

script.js

0.2 KB

style.css

1.9 KB

/.../4.23. Анимация открытия и закрытия меню/Шаг №5/

index.html

1.3 KB

logo.png

5.5 KB

script.js

0.2 KB

style.css

2.0 KB

/.../4.23. Анимация открытия и закрытия меню/Шаг №6/

index.html

1.3 KB

logo.png

5.5 KB

script.js

0.2 KB

style.css

2.3 KB

/.../4.23. Анимация открытия и закрытия меню/Шаг №7/

index.html

1.3 KB

logo.png

5.5 KB

script.js

0.2 KB

style.css

2.6 KB

/.../4.23. Анимация открытия и закрытия меню/Шаг №8/

index.html

1.3 KB

logo.png

5.5 KB

script.js

0.2 KB

style.css

2.6 KB

/.../4.24. Бесконечный слайдер изображений/Шаг №1/

arrow.svg

0.3 KB

index.html

1.0 KB

script.js

0.7 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

0.8 KB

/.../4.24. Бесконечный слайдер изображений/Шаг №2/

arrow.svg

0.3 KB

index.html

1.0 KB

script.js

0.0 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

0.8 KB

/.../4.24. Бесконечный слайдер изображений/Шаг №3/

arrow.svg

0.3 KB

index.html

1.0 KB

script.js

0.0 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

0.8 KB

/.../4.24. Бесконечный слайдер изображений/Шаг №4/

arrow.svg

0.3 KB

index.html

1.0 KB

script.js

0.4 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

0.8 KB

/.../4.24. Бесконечный слайдер изображений/Шаг №5/

arrow.svg

0.3 KB

index.html

1.0 KB

script.js

0.6 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

0.8 KB

/.../4.24. Бесконечный слайдер изображений/Шаг №6/

arrow.svg

0.3 KB

index.html

1.0 KB

script.js

0.7 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

0.8 KB

/.../4.25. Анимация изображений и подписи слайдера/Шаг №1/

arrow.svg

0.3 KB

index.html

2.1 KB

script.js

1.3 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

1.9 KB

/.../4.25. Анимация изображений и подписи слайдера/Шаг №2/

arrow.svg

0.3 KB

index.html

2.1 KB

script.js

0.0 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

1.9 KB

/.../4.25. Анимация изображений и подписи слайдера/Шаг №3/

arrow.svg

0.3 KB

index.html

2.1 KB

script.js

0.0 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

1.9 KB

/.../4.25. Анимация изображений и подписи слайдера/Шаг №4/

arrow.svg

0.3 KB

index.html

2.1 KB

script.js

0.5 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

1.9 KB

/.../4.25. Анимация изображений и подписи слайдера/Шаг №5/

arrow.svg

0.3 KB

index.html

2.1 KB

script.js

0.9 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

1.9 KB

/.../4.25. Анимация изображений и подписи слайдера/Шаг №6/

arrow.svg

0.3 KB

index.html

2.1 KB

script.js

1.1 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

1.9 KB

/.../4.25. Анимация изображений и подписи слайдера/Шаг №7/

arrow.svg

0.3 KB

index.html

2.1 KB

script.js

1.3 KB

slide-1.jpg

79.0 KB

slide-2.jpg

60.0 KB

slide-3.jpg

23.5 KB

style.css

1.9 KB

/.../4.26. Аккордеон с поочерёдным переключением вкладок/Шаг №1/

index.html

1.3 KB

script.js

1.0 KB

style.css

1.1 KB

/.../4.26. Аккордеон с поочерёдным переключением вкладок/Шаг №2/

index.html

1.3 KB

script.js

0.0 KB

style.css

1.1 KB

/.../4.26. Аккордеон с поочерёдным переключением вкладок/Шаг №3/

index.html

1.3 KB

script.js

1.0 KB

style.css

1.1 KB

/.../4.26. Аккордеон с поочерёдным переключением вкладок/Шаг №4/

index.html

1.3 KB

script.js

0.6 KB

style.css

1.1 KB

/.../4.26. Аккордеон с поочерёдным переключением вкладок/Шаг №5/

index.html

1.3 KB

script.js

1.0 KB

style.css

1.1 KB

/.../4.27. Табы с анимацией переключения/Шаг №1/

index.html

2.6 KB

script.js

0.7 KB

style.css

2.6 KB

/.../4.27. Табы с анимацией переключения/Шаг №2/

index.html

2.6 KB

script.js

0.0 KB

style.css

1.4 KB

/.../4.27. Табы с анимацией переключения/Шаг №3/

index.html

2.6 KB

script.js

0.7 KB

style.css

1.9 KB

/.../4.27. Табы с анимацией переключения/Шаг №4/

index.html

2.6 KB

script.js

0.0 KB

style.css

2.3 KB

/.../4.27. Табы с анимацией переключения/Шаг №5/

index.html

2.6 KB

script.js

0.3 KB

style.css

2.3 KB

/.../4.27. Табы с анимацией переключения/Шаг №6/

index.html

2.6 KB

script.js

0.7 KB

style.css

2.3 KB

/.../4.27. Табы с анимацией переключения/Шаг №7/

index.html

2.6 KB

script.js

0.7 KB

style.css

2.6 KB

/.../4.28. Фиксированная шапка с прокруткой вверх/Шаг №1/

index.html

0.8 KB

logo.svg

2.7 KB

script.js

0.9 KB

style.css

1.0 KB

/.../4.28. Фиксированная шапка с прокруткой вверх/Шаг №2/

index.html

0.8 KB

logo.svg

2.7 KB

script.js

0.0 KB

style.css

0.7 KB

/.../4.28. Фиксированная шапка с прокруткой вверх/Шаг №3/

index.html

0.8 KB

logo.svg

2.7 KB

script.js

0.0 KB

style.css

0.8 KB

/.../4.28. Фиксированная шапка с прокруткой вверх/Шаг №4/

index.html

0.8 KB

logo.svg

2.7 KB

script.js

0.0 KB

style.css

1.0 KB

/.../4.28. Фиксированная шапка с прокруткой вверх/Шаг №5/

index.html

0.8 KB

logo.svg

2.7 KB

script.js

0.4 KB

style.css

1.0 KB

/.../4.28. Фиксированная шапка с прокруткой вверх/Шаг №6/

index.html

0.8 KB

logo.svg

2.7 KB

script.js

0.6 KB

style.css

1.0 KB

/.../4.28. Фиксированная шапка с прокруткой вверх/Шаг №7/

index.html

0.8 KB

logo.svg

2.7 KB

script.js

0.7 KB

style.css

1.0 KB

/.../4.28. Фиксированная шапка с прокруткой вверх/Шаг №8/

index.html

0.8 KB

logo.svg

2.7 KB

script.js

0.7 KB

style.css

1.0 KB

/.../4.28. Фиксированная шапка с прокруткой вверх/Шаг №9/

index.html

0.8 KB

logo.svg

2.7 KB

script.js

0.9 KB

style.css

1.0 KB

/.../4.29. Прогресс бар/Шаг №1/

index.html

6.6 KB

script.js

0.4 KB

style.css

0.3 KB

/.../4.29. Прогресс бар/Шаг №2/

index.html

6.6 KB

script.js

0.0 KB

style.css

0.3 KB

/.../4.29. Прогресс бар/Шаг №3/

index.html

6.6 KB

script.js

0.4 KB

style.css

0.3 KB

/.../4.29. Прогресс бар/Шаг №4/

index.html

6.6 KB

script.js

0.1 KB

style.css

0.3 KB

/.../4.29. Прогресс бар/Шаг №5/

index.html

6.6 KB

script.js

0.4 KB

style.css

0.3 KB

/.../4.30. Метод getBoundingClientRect/Шаг №1/

index.html

0.6 KB

script.js

1.0 KB

style.css

0.6 KB

/.../4.31. Анимация появления элементов при прокрутке страницы/Шаг №1/

index.html

1.6 KB

script.js

1.3 KB

style.css

1.1 KB

/.../4.31. Анимация появления элементов при прокрутке страницы/Шаг №2/

index.html

1.5 KB

script.js

0.0 KB

style.css

1.2 KB

/.../4.31. Анимация появления элементов при прокрутке страницы/Шаг №3/

index.html

1.5 KB

script.js

0.0 KB

style.css

1.1 KB

/.../4.31. Анимация появления элементов при прокрутке страницы/Шаг №4/

index.html

1.5 KB

script.js

0.3 KB

style.css

1.1 KB

/.../4.31. Анимация появления элементов при прокрутке страницы/Шаг №5/

index.html

1.5 KB

script.js

0.6 KB

style.css

1.1 KB

/.../4.31. Анимация появления элементов при прокрутке страницы/Шаг №6/

index.html

1.5 KB

script.js

0.8 KB

style.css

1.1 KB

/.../4.31. Анимация появления элементов при прокрутке страницы/Шаг №7/

index.html

1.5 KB

script.js

1.1 KB

style.css

1.1 KB

/.../4.31. Анимация появления элементов при прокрутке страницы/Шаг №8/

index.html

1.5 KB

script.js

1.2 KB

style.css

1.1 KB

/.../4.31. Анимация появления элементов при прокрутке страницы/Шаг №9/

index.html

1.5 KB

script.js

1.3 KB

style.css

1.1 KB

/.../4.32. Анимация смены цвета фона при прокрутке страницы/Шаг №1/

index.html

1.7 KB

script.js

0.0 KB

style.css

0.6 KB

/.../4.32. Анимация смены цвета фона при прокрутке страницы/Шаг №2/

index.html

1.7 KB

script.js

1.1 KB

style.css

0.6 KB

/.../4.32. Анимация смены цвета фона при прокрутке страницы/Шаг №3/

index.html

1.7 KB

script.js

0.7 KB

style.css

0.6 KB

/.../4.33. Методы прокрутки страницы/Шаг №1/

index.html

9.1 KB

script.js

0.4 KB

style.css

0.5 KB

/.../4.34. Метод прокрутки страницы scrollIntoView/Шаг №1/

index.html

10.4 KB

script.js

0.7 KB

style.css

0.6 KB

/.../4.35. Зум элемента при движении колеса мыши/Шаг №1/

index.html

0.6 KB

script.js

0.4 KB

style.css

0.4 KB

/.../4.36. Горизонтальная полоса прокрутки/Шаг №1/

index.html

1.9 KB

item-1.png

42.0 KB

item-2.png

50.1 KB

item-3.png

29.4 KB

item-4.png

35.0 KB

item-5.png

30.5 KB

item-6.png

39.3 KB

item-7.png

28.0 KB

item-8.png

41.8 KB

item-9.png

37.5 KB

item-10.png

33.1 KB

item-11.png

36.9 KB

item-12.png

36.6 KB

script.js

0.0 KB

style.css

0.8 KB

/.../4.36. Горизонтальная полоса прокрутки/Шаг №2/

index.html

1.9 KB

item-1.png

42.0 KB

item-2.png

50.1 KB

item-3.png

29.4 KB

item-4.png

35.0 KB

item-5.png

30.5 KB

item-6.png

39.3 KB

item-7.png

28.0 KB

item-8.png

41.8 KB

item-9.png

37.5 KB

item-10.png

33.1 KB

item-11.png

36.9 KB

item-12.png

36.6 KB

script.js

0.0 KB

style.css

0.8 KB

/.../4.36. Горизонтальная полоса прокрутки/Шаг №3/

index.html

1.9 KB

item-1.png

42.0 KB

item-2.png

50.1 KB

item-3.png

29.4 KB

item-4.png

35.0 KB

item-5.png

30.5 KB

item-6.png

39.3 KB

item-7.png

28.0 KB

item-8.png

41.8 KB

item-9.png

37.5 KB

item-10.png

33.1 KB

item-11.png

36.9 KB

item-12.png

36.6 KB

script.js

0.4 KB

style.css

0.8 KB

/.../4.36. Горизонтальная полоса прокрутки/Шаг №4/

index.html

1.9 KB

item-1.png

42.0 KB

item-2.png

50.1 KB

item-3.png

29.4 KB

item-4.png

35.0 KB

item-5.png

30.5 KB

item-6.png

39.3 KB

item-7.png

28.0 KB

item-8.png

41.8 KB

item-9.png

37.5 KB

item-10.png

33.1 KB

item-11.png

36.9 KB

item-12.png

36.6 KB

script.js

0.5 KB

style.css

0.8 KB

/.../4.36. Горизонтальная полоса прокрутки/Шаг №5/

index.html

1.9 KB

item-1.png

42.0 KB

item-2.png

50.1 KB

item-3.png

29.4 KB

item-4.png

35.0 KB

item-5.png

30.5 KB

item-6.png

39.3 KB

item-7.png

28.0 KB

item-8.png

41.8 KB

item-9.png

37.5 KB

item-10.png

33.1 KB

item-11.png

36.9 KB

item-12.png

36.6 KB

script.js

0.7 KB

style.css

0.8 KB

/.../4.36. Горизонтальная полоса прокрутки/Шаг №6/

index.html

1.9 KB

item-1.png

42.0 KB

item-2.png

50.1 KB

item-3.png

29.4 KB

item-4.png

35.0 KB

item-5.png

30.5 KB

item-6.png

39.3 KB

item-7.png

28.0 KB

item-8.png

41.8 KB

item-9.png

37.5 KB

item-10.png

33.1 KB

item-11.png

36.9 KB

item-12.png

36.6 KB

script.js

0.8 KB

style.css

0.8 KB

/.../5.8. Эталонное решение задания/Шаг №1/

bg-1.svg

0.2 KB

bg-2.svg

0.2 KB

index.html

4.0 KB

product-1.png

84.8 KB

product-2.png

39.0 KB

product-3.png

50.4 KB

style.css

2.7 KB

/.../5.8. Эталонное решение задания/Шаг №2/

bg-1.svg

0.2 KB

bg-2.svg

0.2 KB

index.html

4.0 KB

product-1.png

84.8 KB

product-2.png

39.0 KB

product-3.png

50.4 KB

style.css

2.7 KB

/.../5.8. Эталонное решение задания/Шаг №3/

bg-1.svg

0.2 KB

bg-2.svg

0.2 KB

index.html

4.0 KB

product-1.png

84.8 KB

product-2.png

39.0 KB

product-3.png

50.4 KB

style.css

2.7 KB

/.../5.8. Эталонное решение задания/Шаг №4/

bg-1.svg

0.2 KB

bg-2.svg

0.2 KB

index.html

4.0 KB

product-1.png

84.8 KB

product-2.png

39.0 KB

product-3.png

50.4 KB

style.css

2.7 KB

/.../5.10. Эталонное решение задания/Шаг №1/

about-1.jpg

502.7 KB

about-2.jpg

582.3 KB

about-3.jpg

664.9 KB

header-bg.jpg

1.2 MB

index.html

4.6 KB

logo.svg

7.7 KB

style.css

3.6 KB

/.../5.10. Эталонное решение задания/Шаг №2/

about-1.jpg

502.7 KB

about-2.jpg

582.3 KB

about-3.jpg

664.9 KB

header-bg.jpg

1.2 MB

index.html

4.6 KB

logo.svg

7.7 KB

style.css

3.3 KB

/.../5.10. Эталонное решение задания/Шаг №3/

about-1.jpg

502.7 KB

about-2.jpg

582.3 KB

about-3.jpg

664.9 KB

header-bg.jpg

1.2 MB

index.html

4.6 KB

logo.svg

7.7 KB

style.css

3.4 KB

/.../5.10. Эталонное решение задания/Шаг №4/

about-1.jpg

502.7 KB

about-2.jpg

582.3 KB

about-3.jpg

664.9 KB

header-bg.jpg

1.2 MB

index.html

4.6 KB

logo.svg

7.7 KB

style.css

3.6 KB

/.../5.13. Эталонное решение задания/Шаг №1/

bottom.png

908.7 KB

clouds.png

267.2 KB

greenhouse.png

256.7 KB

house.png

523.5 KB

index.html

0.6 KB

script.js

0.5 KB

style.css

1.4 KB

/.../5.13. Эталонное решение задания/Шаг №2/

bottom.png

908.7 KB

clouds.png

267.2 KB

greenhouse.png

256.7 KB

house.png

523.5 KB

index.html

0.6 KB

script.js

0.0 KB

style.css

1.2 KB

/.../5.13. Эталонное решение задания/Шаг №3/

bottom.png

908.7 KB

clouds.png

267.2 KB

greenhouse.png

256.7 KB

house.png

523.5 KB

index.html

0.6 KB

script.js

0.5 KB

style.css

1.2 KB

/.../5.13. Эталонное решение задания/Шаг №4/

bottom.png

908.7 KB

clouds.png

267.2 KB

greenhouse.png

256.7 KB

house.png

523.5 KB

index.html

0.6 KB

script.js

0.5 KB

style.css

1.4 KB

/.../5.15. Демонстрация изменения точки схождения перспективы/Шаг №1/

index.html

0.5 KB

style.css

1.0 KB

/.../5.16. Демонстрация изменения свойств трансформации по оси Z/Шаг №1/

index.html

0.7 KB

style.css

0.9 KB

/.../5.16. Демонстрация изменения свойств трансформации по оси Z/Шаг №2/

index.html

0.7 KB

style.css

0.4 KB

/.../5.16. Демонстрация изменения свойств трансформации по оси Z/Шаг №3/

index.html

0.7 KB

style.css

0.6 KB

/.../5.16. Демонстрация изменения свойств трансформации по оси Z/Шаг №4/

index.html

0.7 KB

style.css

0.9 KB

/.../5.17. Демонстрация свойства backface-visibility/Шаг №1/

index.html

0.4 KB

style.css

0.6 KB

/.../5.18. Демонстрация компенсации размера элемента при размещении по оси Z/Шаг №1/

index.html

0.4 KB

style.css

0.3 KB

/.../5.18. Демонстрация компенсации размера элемента при размещении по оси Z/Шаг №2/

index.html

0.4 KB

style.css

0.3 KB

/.../5.18. Демонстрация компенсации размера элемента при размещении по оси Z/Шаг №3/

index.html

0.4 KB

style.css

0.5 KB

/.../5.19. Переворот карточки с 3D эффектом/Шаг №1/

index.html

0.8 KB

style.css

1.9 KB

/.../5.19. Переворот карточки с 3D эффектом/Шаг №2/

index.html

0.8 KB

style.css

1.3 KB

/.../5.19. Переворот карточки с 3D эффектом/Шаг №3/

index.html

0.8 KB

style.css

1.6 KB

/.../5.19. Переворот карточки с 3D эффектом/Шаг №4/

index.html

0.8 KB

style.css

1.8 KB

/.../5.19. Переворот карточки с 3D эффектом/Шаг №5/

index.html

0.8 KB

style.css

1.8 KB

/.../5.20. Демонстрация разной скорости движения смещённых по оси Z элементов/Шаг №1/

index.html

0.5 KB

style.css

1.3 KB

/.../5.21. Параллакс шапки сайта/Шаг №1/

index.html

1.1 KB

style.css

1.4 KB

/.../5.21. Параллакс шапки сайта/Шаг №2/

index.html

1.1 KB

style.css

1.0 KB

/.../5.21. Параллакс шапки сайта/Шаг №3/

index.html

1.1 KB

style.css

1.2 KB

/.../5.21. Параллакс шапки сайта/Шаг №4/

index.html

1.1 KB

style.css

1.4 KB

/.../5.22. Пример шапки без параллакса/Шаг №1/

index.html

2.7 KB

style.css

0.7 KB

/.../5.23. Многослойный параллакс шапки/Шаг №1/

index.html

1.1 KB

layer_0.png

3.1 KB

layer_1.png

38.4 KB

layer_2.png

79.9 KB

layer_3.png

22.4 KB

layer_4.png

29.3 KB

layer_5.png

79.3 KB

layer_6.png

19.6 KB

style.css

1.1 KB

/.../5.23. Многослойный параллакс шапки/Шаг №2/

index.html

1.1 KB

layer_0.png

3.1 KB

layer_1.png

38.4 KB

layer_2.png

79.9 KB

layer_3.png

22.4 KB

layer_4.png

29.3 KB

layer_5.png

79.3 KB

layer_6.png

19.6 KB

style.css

0.6 KB

/.../5.23. Многослойный параллакс шапки/Шаг №3/

index.html

1.1 KB

layer_0.png

3.1 KB

layer_1.png

38.4 KB

layer_2.png

79.9 KB

layer_3.png

22.4 KB

layer_4.png

29.3 KB

layer_5.png

79.3 KB

layer_6.png

19.6 KB

style.css

0.6 KB

/.../5.23. Многослойный параллакс шапки/Шаг №4/

index.html

1.1 KB

layer_0.png

3.1 KB

layer_1.png

38.4 KB

layer_2.png

79.9 KB

layer_3.png

22.4 KB

layer_4.png

29.3 KB

layer_5.png

79.3 KB

layer_6.png

19.6 KB

style.css

1.1 KB

/.../5.24. Анимация поворота карточек/Шаг №1/

index.html

0.8 KB

script.js

0.6 KB

style.css

0.6 KB

/.../5.24. Анимация поворота карточек/Шаг №2/

index.html

0.8 KB

script.js

0.0 KB

style.css

0.6 KB

/.../5.24. Анимация поворота карточек/Шаг №3/

index.html

0.8 KB

script.js

0.2 KB

style.css

0.6 KB

/.../5.24. Анимация поворота карточек/Шаг №4/

index.html

0.8 KB

script.js

0.5 KB

style.css

0.6 KB

/.../5.24. Анимация поворота карточек/Шаг №5/

index.html

0.8 KB

script.js

0.6 KB

style.css

0.6 KB

/.../5.25. JS параллакс первого экрана/Шаг №1/

index.html

0.6 KB

parallax-1.png

92.4 KB

parallax-2.png

110.1 KB

parallax-bg.jpg

115.5 KB

script.js

0.5 KB

style.css

0.7 KB

/.../5.25. JS параллакс первого экрана/Шаг №2/

index.html

0.6 KB

parallax-1.png

92.4 KB

parallax-2.png

110.1 KB

parallax-bg.jpg

115.5 KB

script.js

0.0 KB

style.css

0.7 KB

/.../5.25. JS параллакс первого экрана/Шаг №3/

index.html

0.6 KB

parallax-1.png

92.4 KB

parallax-2.png

110.1 KB

parallax-bg.jpg

115.5 KB

script.js

0.0 KB

style.css

0.7 KB

/.../5.25. JS параллакс первого экрана/Шаг №4/

index.html

0.6 KB

parallax-1.png

92.4 KB

parallax-2.png

110.1 KB

parallax-bg.jpg

115.5 KB

script.js

0.5 KB

style.css

0.7 KB

/.../5.25. JS параллакс первого экрана/Шаг №5/

index.html

0.6 KB

parallax-1.png

92.4 KB

parallax-2.png

110.1 KB

parallax-bg.jpg

115.5 KB

script.js

0.5 KB

style.css

0.7 KB

/.../5.26. 2D параллакс на JS/Шаг №1/

attention.png

42.1 KB

bottom.svg

0.6 KB

fence.png

144.5 KB

index.html

1.7 KB

script.js

0.8 KB

style.css

1.3 KB

top.svg

0.6 KB

tree.png

136.1 KB

 

Total files 1257


Copyright © 2025 FileMood.com