MediaWiki:SnowEffect.css

From Tony Chase
Revision as of 22:32, 4 December 2023 by Archtony (talk | contribs) (Created page with "→‎MediaWiki:SnowEffect.css: →‎Snowflake styling: .snowflake { position: fixed; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; pointer-events: none; animation: snowfall linear infinite; } →‎Animation: @keyframes snowfall { 0% { transform: translateY(0); } 100% { transform: translateY(100vh); } }")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* MediaWiki:SnowEffect.css */

/* Snowflake styling */
.snowflake {
    position: fixed;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: none;
    animation: snowfall linear infinite;
}

/* Animation */
@keyframes snowfall {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(100vh);
    }
}