SuperHi FM

Search:

Catalog Cart About Sign in

Animation for the Web

Wakefast

Chapter 06

Wakefast

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Welcome to Wakefast

Lesson 02

Setting up our page

Lesson 03

Starting a smooth scroll

Lesson 04

Moving CSS into Javascript

Lesson 05

Replicating a normal page scroll

Lesson 06

Adding a tween factor

Lesson 07

Adding media queries to our Javascript

Lesson 08

Fade in fruits

Lesson 09

Aspect ratios and layering images

Lesson 10

Adding a parallax scroll effect to our fruits

Lesson 11

Faking a cursor

Lesson 12

Tweening the cursor position

Lesson 13

Adding a slower trail cursor

Lesson 14

Adding rotation to our cursor

Lesson 15

Animating underlines on links

Lesson 16

Adding image underlines with clip-path

Lesson 17

Adding a media query addListener

Lesson 18

Thank you for taking our course!

SuperHi FM

Want some ambient music in the background? Play our radio station!

Seal Street Photography Studio

Back: Chapter 05

Seal Street Photography Studio

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

We take breakfast seriously here at SuperHi HQ and with Wakefast, we want to smooth you into the day with some smooth page scrolling and parallax effects on this restaurant delivery site!

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes