I recently came across this animation website "Animista’.
A lot of people have been using it on their shopify website but there are no tutorials.
How can I install this on my website and then use it on my desired areas.
My website link is : iguanabyswastiparekh.com and I want to use the animation on my first heading in the body.
Link to animista is https://animista.net/
I want to use “tracking-in-expand-fwd”
The codes are as following given by Animista
MINIFY
.tracking-in-expand-fwd{-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both}
KEYFRAMES
/* ---------------------------------------------- * Generated by Animista on 2023-6-21 14:40:10 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ @keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{transform:translateZ(0);opacity:1}}