What Is the Marquee HTML Google Easter Egg?
Imagine typing a search query and watching the results count scroll across your screen like an old-school carnival sign. That's exactly what happens when you search for "marquee html" on Google. This playful easter egg pays homage to one of the most beloved--and controversial--HTML tags in web history.
The Marquee HTML Google Easter Egg is a hidden feature within Google Search that activates when users search for specific terms related to the deprecated HTML marquee element. When triggered, the search results count displayed at the top of the page--typically showing something like "About X results (0.08 seconds)"--begins scrolling horizontally from right to left across the screen, mimicking the behavior of the actual <marquee> tag Search Engine Land.
This visual effect is purely decorative and does not affect search functionality. The results themselves remain fully accessible and usable; only the display of the results count changes to match the scrolling behavior that web developers once achieved with the marquee element.
Triggering the Easter Egg
The easter egg can be triggered by searching for any of the following terms:
- "marquee html"
- "marquee tag"
- "marquee HTML" (case-insensitive)
- Any variation of these phrases
The effect appears immediately after the search results load, with the results count smoothly animating across the top of the page before settling back to its standard static position Search Engine Journal.
Beyond the fun, this easter egg represents Google's appreciation for web heritage and the evolution of web standards. It demonstrates how even the world's most used search engine maintains room for whimsy and nostalgia. For web developers, this serves as a reminder of how far modern web development practices have come while still honoring the creative spirit of the early web.
1<!-- Basic marquee usage -->2<marquee>Scrolling text here</marquee>3 4<!-- Marquee with custom attributes -->5<marquee direction="right" behavior="alternate" scrollamount="5">6 This text bounces back and forth7</marquee>The History of the HTML Marquee Element
Origins and Browser Support
The <marquee> element was originally introduced by Microsoft Internet Explorer and later adopted by other browsers as a de facto standard. Unlike most HTML elements that were developed through the W3C standardization process, marquee emerged from practical necessity--web designers wanted a simple way to create scrolling text without relying on JavaScript or animated GIFs.
The element was incredibly popular throughout the 1990s and early 2000s, appearing on personal home pages, business websites, and everything in between. It became synonymous with the wild, experimental aesthetic of early web design.
Attributes That Controlled Behavior
The marquee element accepted several attributes that controlled its behavior:
direction: Determined whether text scrolled left, right, up, or downbehavior: Controlled how text moved (scroll, slide, or alternate)scrollamount: Set the speed of scrolling by specifying pixel distance per intervalscrolldelay: Added delays between movement stepsbgcolor: Allowed background color specificationwidthandheight: Controlled the marquee's dimensions
Why Marquee Was Deprecated
The marquee element was officially deprecated in HTML5 for several compelling reasons:
Performance Concerns: Marquee elements continuously trigger reflows and repaints in the browser rendering engine, causing significant CPU usage especially when multiple marquees appear on a single page. This became increasingly problematic as mobile devices with limited processing power became the primary means of internet access.
Accessibility Barriers: The constant movement created by marquee elements posed serious challenges for users with attention disorders, vestibular disorders, or cognitive disabilities. The motion could cause dizziness, nausea, or simply make it impossible to read the scrolling content.
Better Alternatives: CSS animations and JavaScript provide far more control over animated content while maintaining better performance characteristics and accessibility support. Modern web development practices favor CSS animations over deprecated HTML presentational elements, as covered in our guide to front-end web development.
1/* Modern scrolling text using CSS keyframes */2@keyframes scroll-text {3 0% {4 transform: translateX(100%);5 }6 100% {7 transform: translateX(-100%);8 }9}10 11.scrolling-text {12 white-space: nowrap;13 animation: scroll-text 15s linear infinite;14}15 16/* Pause animation when user prefers reduced motion */17@media (prefers-reduced-motion: reduce) {18 .scrolling-text {19 animation-play-state: paused;20 }21}Other hidden web-related surprises in Google Search
Blink HTML Easter Egg
Searching for 'blink html' causes search results to flash on and off, referencing the deprecated blink element that Netscape introduced in the early days of the web.
Font Easter Eggs
Searching for specific font names like 'Comic Sans' or 'Impact' alters the search results typography, a playful nod to web typography.
Askew Easter Egg
Searching 'askew' tilts the entire results page slightly to the right, demonstrating Google's creative approach to search.
Frequently Asked Questions
Sources
- Wikipedia - List of Google Easter eggs - Comprehensive listing of Google Easter eggs including the marquee HTML easter egg
- Search Engine Land - The Marquee HTML Google Easter Egg - Original 2014 coverage of the discovery
- Search Engine Journal - The Great Big List of 50+ Google Easter Eggs - Lists the Marquee HTML easter egg as one of Google's hidden features
- SERoundtable - Google Easter Egg: Marquee HTML - Confirmed the easter egg behavior with demonstration