Subtle animation- full markdown for scrolling text section https://www.shopify.com/partners/blog/text-animation-css

scrolling-text.liquid

<div class="animated-text">
  <div id="animated-container">
    {{ section.settings.start-text }}
    <div id="scroll">
      <div><div>{{ section.settings.text1 }}</div></div>
      <div><div>{{ section.settings.text2 }}</div></div>
      <div><div>{{ section.settings.text3 }}</div></div>
    </div>
    {{ section.settings.end-text }}
  </div>
</div>

{% schema %}
  {
    "name": "Scrolling Text",
    "settings": [
    {  
      "id": "start-text",
      "type": "text",
      "label": "Start",
      "default": "Start"
    },
    {  
      "id": "text1",
      "type": "text",
      "label": "Scrolling Text 1",
      "default": "Learning"
    },
    {  
      "id": "text2",
      "type": "text",
      "label": "Scrolling Text 2",
      "default": "Teaching"
    },
    {  
      "id": "text3",
      "type": "text",
      "label": "Scrolling Text 3",
      "default": "Coding"
    },
    {  
      "id": "end-text",
      "type": "text",
      "label": "End",
      "default": "Today"
    }

]
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}