MediaWiki:Gadget-ringbell.css
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.
1 @keyframes ring {
2 0% { transform: rotate(0); }
3 1% { transform: rotate(30deg); }
4 3% { transform: rotate(-28deg); }
5 5% { transform: rotate(34deg); }
6 7% { transform: rotate(-32deg); }
7 9% { transform: rotate(30deg); }
8 11% { transform: rotate(-28deg); }
9 13% { transform: rotate(26deg); }
10 15% { transform: rotate(-24deg); }
11 17% { transform: rotate(22deg); }
12 19% { transform: rotate(-20deg); }
13 21% { transform: rotate(18deg); }
14 23% { transform: rotate(-16deg); }
15 25% { transform: rotate(14deg); }
16 27% { transform: rotate(-12deg); }
17 29% { transform: rotate(10deg); }
18 31% { transform: rotate(-8deg); }
19 33% { transform: rotate(6deg); }
20 35% { transform: rotate(-4deg); }
21 37% { transform: rotate(2deg); }
22 39% { transform: rotate(-1deg); }
23 41% { transform: rotate(1deg); }
24 43% { transform: rotate(0); }
25 100% { transform: rotate(0); }
26 }
27 #pt-notifications-alert .mw-echo-notifications-badge:not(.mw-echo-notifications-badge-all-read)::before {
28 animation: ring 5s 0.5s ease-in-out infinite;
29 }