Skip to content

Лендинг на Gulp с использованием Css-3 анимаций.

Notifications You must be signed in to change notification settings

Dmitry-Allread-Return/Gulp-Animate-Site

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Go-Surf

Одностраничный сайт, сделанный с помощью сборщика проекта Gulp.

Также в целях практики.

Технологии, который были также использованы при создании:
  • animate.css
  • wow.js
  • jQuery
  • SCSS
Сделан полностью адаптивно.

Во время создания этого проекта, хорошо познакомился с css-3 анимациями и тем, как они создаются с использованием keyframes.
Делал по примеру из серии уроков youtube канала "от 0 до 1".

Из своих правок - добавил эффект "наезда слайдов" друг на друга. (Каждый слайд немного наезжает на предыдущий)
Этот эффект был предусмотрен в макете, но видимо автор забыл его реализовать, поэтому взял это в свои руки :)

Также познакомился с весьма интересной штукой - cubic-bezier. Что является разными вариантами свойства transition.
Когда адаптировал nav-menu, при нажатии на бургер используется такой cubic-bezier. Меню слева выезжает немного нестандартным образом.


В целом больше нечего сказать по проекту. Делал его достаточно долго и прокачал немало скиллов в верстке, хотя и до этого, не сказал бы, что был "чайником" в ней.