d
Topic
Posts:
8
November 27, 2015

HELP: How To Add CSS3 Animation Cheat Sheet This post is outdated

Hello everyone,

I came across this CSS3 Animation Cheat Sheet and I want to see if anyone can write a tutorial specific to Shopify from this. I can't seem to get it to work. I must be putting things in the wrong places. Here is the Cheat Sheet and the instructions.

Thank you!

i
Replies
Posts:
1110
November 28, 2015

You need to add the contents of this file into your theme.css file: http://www.justinaguilar.com/animations/css/animations.css

To trigger an animation just add that class to it, slideUp, slideDown...

It pretty much depends on what you want to animate and how you want to do it.

Got an interesting project or just want to say hi? mircea@typefolly.com
Posts:
8
November 28, 2015

Thanks Mircea - I have a few clarifying questions.

  1. Do I still add <link rel="stylesheet" href="css/animations.css"> to the <Head> in my template?
  2. Where do I add the class? I am trying to make my 3 homepage blog posts/recipes SlideLeft (www.ohpesto.com)

Thanks for any help!

Log in or sign up for an account to reply.

This thread has been closed! You will not be able to reply.