Google ÜberProxy's Easter eggs

It looks like the http://corp.google.com/ page has a fun Easter egg.

The page looks like a normal error page:

ÜberProxy: Error 400

But if you hover over the "What's ÜberProxy?" link, it shows a hidden Easter egg:

ÜberProxy: Error 400 with an Easter egg

To show/hide the "ÜP" image, it uses a simple CSS rule:

.easter-egg {
display: none;
}

a.footer-link:hover + div.easter-egg {
display: block;
}

The image is directly embedded in the HTML as a data URI:

ÜP Easter egg

In the old versions of the page, the image was always visible (https://web.archive.org/web/20130716091355/http://corp.google.com/):

Old version

See also

Made by Anton Vasetenkov.

If you want to say hi, you can reach me on LinkedIn or via email. If you like my work, you can support me by buying me a coffee.