Shopify Question posted in
The Shopify help center can be found here.

Does Webkit not work with shopify liquid?

I am trying to add a gradient animation to my website background, I can get the gradient in there but the animation part is not working? This is through a pre built shopify store. does webkit not work with shopify’s liquid?Here is the image of the code I inserted, just pure CSS

Tags:

2

Answers


  1. 0

    Shopify Liquid has nothing to do with Webkit. Shopify renders HTML, CSS and JS to browsers the same as any other hosted service, for example WordPress.

    If you are having CSS issues, you’ll have to track those down like everyone else, using your typical browser inspector tools, and debug from there.

    Login or Signup to reply.
  2. 0

    Is it that your keyframes are nested inside the body,html{ block and they need to be outside of all wrapping {}s?

    It looks like the file that you’re working in is a scss file, which allows you to nest CSS definitions, so it may be that your keyframes are just showing up in an invalid place in the final CSS.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search