GSAP Trail Image Effect

An attributes-only solution to build a trail of images from a CMS collection or a group of static images

How it works

  1. step #1

    Copy the GSAP Trail Image style and <script> and paste them into the <head> of your page

    <!-- [Webflow Friendly Components by Francesco Castronuovo] GSAP Trail Image Effect -->
    <script async src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    <link href="https://cdn.jsdelivr.net/gh/francesco-castronuovo/gsap-trail-image-effect@1.0.2/style.css" rel="stylesheet" type="text/css">
    <script async src="https://cdn.jsdelivr.net/gh/francesco-castronuovo/gsap-trail-image-effect@1.0.2/main.js"></script>
    Copy Script
  2. step #2

    Implement in Webflow

    Apply the attributes to the elements inside the page

    Below is a list of elements and options to create the GSAP trail image effect.

夏を生きる
ずっとずっとずっと
アーユーレディー
ブレス
溢れた水の行方
幸せ -EP-【初回生産限定盤】
SINGALONG
Actor
sabotage【初回生産限定盤】
Shout Baby
結証
LITMUS
ミチヲユケ

緑黄色社会

Ryokuoushoku Shakai is a pop rock band from Aichi, formed in 2012. They performed their first live on July 4, 2012.

サクラ

サクラ(桜、櫻、英:Cherry blossom、Japanese cherry、Sakura)は、バラ科サクラ亜科サクラ属 (スモモ属とすることもある。「野生種の分類」の項を参照)の落葉広葉樹の総称。またはその花である。一般的に春に桜色と表現される白色や淡紅色から濃紅色の花を咲かせる。

Made in Webflow