Be wary of phishing emails

A number of our clients have recently received scam emails from email addresses such as hello.indigotree@gmail.co.uk offering complimentary website audits.
These are NOT legitimate.

All official emails from Indigo Tree will be sent from an indigotree.co.uk email address. If you have any concerns about an email you have received claiming to be from us, please email support@indigotree.co.uk separately, and we will verify if the email is legitimate.

01442 877473 | hello@indigotree.co.uk

Home » Insights » Designing For Animation Part 2: Examples

25th January 2017 in Web Design

Designing For Animation Part 2: Examples

Paul Wong-Gibbs avatar

By

Paul Wong-Gibbs
Illustration of a horse running

Here are a few examples we’ve plucked from the Internet for your inspiration. We quite often use GreenSock and ScrollMagic because they are among the most powerful animation and scroll-animating libraries.

Difficulty: easy.

Development time: 2-4 hours

See the Pen GSAP JS Bezier: Disperse and Converge by GreenSock (@GreenSock) on CodePen.

See the Pen GreenSock Home Page Animation by GreenSock (@GreenSock) on CodePen.

See the Pen Sortable Grid Using GreenSock Draggable by GreenSock (@GreenSock) on CodePen.

See the Pen Animated SVG text mask | Greensock by Arden (@aderaaij) on CodePen.

Difficulty: intermediate.

Development time: around 6-12 hours

See the Pen 3D Animation with GSAP by GreenSock (@GreenSock) on CodePen.

See the Pen MorphSVGPlugin from GreenSock by GreenSock (@GreenSock) on CodePen.

See the Pen Fun With ScrollMagic by Blake Tarter (@blaketarter) on CodePen.

Difficulty: expert.

Development time: More than 12 hours

See the Pen Howl’s Moving Castle by Nathan Gordon (@gordonnl) on CodePen.


Please see CoDrops, GreenSock Showcase, and Awwwards for premium examples.

Share this post

Master WordPress Website Strategy from your inbox

Learning to lead strategically, even with limited resources.

✨Weekly emails with actionable advice, website strategy and WordPress insights.

📃Access a step-by-step course on transforming your website.

💡Tailored guidance whether you’re in-house, building an agency, or freelancing.

📈Practical advice for elevating your WordPress website’s performance

🤗Support to help you drive organisational change.

We will email you no more than once per week and will never share your email address. You can unsubscribe using the link in every email.

Get in touch with Indigo Tree

Our team is always happy to advise, so enter your details
and we will be in touch to schedule a call.

"*" indicates required fields

This field is for validation purposes and should be left unchanged.