VOOZH about

URL: https://www.geeksforgeeks.org/css/css-marqueemenu-plugin/

⇱ CSS MarqueeMenu Plugin - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

CSS MarqueeMenu Plugin

Last Updated : 15 Jul, 2025

In this article, we will learn how to implement the marquee effect for a menu using CSS MarqueeMenu plugin. Marquee is a type of animation effect used in developing web pages for getting some attractive text or image scrolling in vertical or horizontal directions.

Note: Please download the CSS MarqueeMenu plugin in the working folder and include the required files in the head section of your HTML code.

<link href=”https://use.typekit.net/zhq0vyf.css%E2%80%9D rel=”stylesheet” type=”text/css”/>
<link href=”css/base.css” rel=”stylesheet” type=”text/css”/>

Example: The following example demonstrates the marquee effect for the given menu using HTML controls and CSS based MarqueeMenu plugin. Different classes like "marquee", "marquee__inner", "menu__item-link" of the  "base.css" file of the plugin are attached to the HTML tags as shown below for the expected output.

Output:


Comment
Article Tags: