ТЗ по Верстке

ТЗ по Верстке

noname


Cсылка на фигму: https://www.figma.com/file/PnbobuSytXkv2jOfHnyEoh/ttt-nft?node-id=156%3A3052


  1. По фигме сверстать сайт с респонсив сеткой
  2. Добавить анимации
  3. Натянуть на WP - Просто с возможностью редактирования картинок и текста на лендинге
  4. Сайт не должен долго загружаться или быть перезагружен не нужными фреймворками/плагинами


Ниже анимации которые мы хотим внести в наш сайт:

  1. Анимация открытия сайдбара - как тут https://www.lazycryptocats.community/

2. Секция Benefints - скрол страницы как тут, при скролле проигрывается анимация в зависимости от позиции Y скрола. Анимация и текст над ней зафиксирован. Правая часть текстов скролится https://superlist.com/


3. Переход между секциями Белый-черный, который анимируется так-же при скролле https://flipaclip.com/


4. hover эффект для этих блоков как в этой анимации
https://www.instagram.com/p/CHr37eBgPRJ/



5. hover эффект для всех заголовков - глитч эффект как на этом сайте, если навести мышкой на буквы слова «business» то они будут с этим эффектом - https://vintage.com.ua/





6. hover эффект - тут границы круга должны двигаться волной, можно посмотреть что я имею ввиду на сайте https://nana-asia.com/ там при наведениии на картинки в секции food & drinks появляется Read и ее окружностьь волнообразно двигаетсяя



















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































https://www.instagram.com/p/CHr37eBgPRJ/?utm_medium=copy_link
















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































Report Page