In the past, I wrote about scroll animations using Animate on scroll.

Today I discovered a much simpler way – using Yellow Pencil (affiliate link), a visual CSS style editor plugin for WordPress.

Below screencast shows how entry (scroll) animations can be set up using YellowPencil:

Need help implementing a tutorial in your site or want to hire me for custom work?


Find the article helpful and wish to donate?



For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.

4 comments on “Scroll animations using YellowPencil”

  1. This is great, however, the animations screw up my mobile version. Is there any way to disable the animations below a specific screen size?

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: