CSS MarqueeMenu Plugin (original) (raw)

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.

**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.

html `

<link rel="stylesheet"
    href="https://use.typekit.net/zhq0vyf.css">
<link rel="stylesheet"
    type="text/css" 
    href="css/base.css" />
<style>
body{
text-align:center;
}
</style>

GeeksForGeeks

`

**Output: