Contributors: mark l chaves
Donate link: https://ko-fi.com/marklchaves
Tags: wordpress,locomotive,scroll,animation
Requires at least: 5.3.2
Tested up to: 5.4.2
Allows Locomotive Scroll to work in WordPress.
- Download the zip file.
- Use the wp-admin > Plugins > Add New to upload the zip or manually upload the contents of the zip file to the
/wp-content/plugins/directory. - Activate the plugin through the 'Plugins' menu in WordPress.
- Edit a page or post.
- Add a code block.
- In the code block, insert code that uses the Locomotive Scroll markup syntax. E.g.,
<section>,<div>,<a>,<img>, and<p>.
<p data-scroll data-scroll-delay="0.13" data-scroll-speed="6">
Hashtag eu roof party magna heirloom craft beer, aesthetic tacos direct trade hoodie in et beard. Snackwave ennui YOLO beard ethical tattooed. Retro laborum food truck photo booth. Hella shabby chic coloring book glossier tempor tbh pork belly succulents taxidermy mixtape fingerstache raclette anim austin. Intelligentsia ennui tousled, mustache taxidermy raclette jianbing distillery. Butcher la croix incididunt exercitation veniam.
</p>
<p data-scroll data-scroll-direction="horizontal" data-scroll-speed="-2" data-scroll-position="top">
Dummy text? More like dummy thicc text, amirite?
</p>There are more examples on CodePen.
