☰

blink

remind you to blink

  1. // ==UserScript==
  2. // @name         blink
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2
  5. // @description  remind you to blink
  6. // @author       jackC
  7. // @match        *://*/*
  8. // @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
  9. // @grant        GM_addStyle
  10. // @license      MIT
  11. // ==/UserScript==
  12.  
  13.  
  14. (function() {
  15.     'use strict';
  16.     if(self==top){
  17.      blink();
  18.      addStyle();
  19.    }
  20. })();
  21. function blink(){
  22.     let body=document.body;
  23.     let blink=document.createElement('div');
  24.     blink.classList.add('blink')
  25.     body.appendChild(blink);
  26. }
  27. function addStyle(){
  28.     let css=`
  29.      .blink{
  30.       pointer-events:none;
  31.       position:fixed;
  32.       z-index:9999;
  33.       top:0;
  34.       left:0;
  35.       height:100%;
  36.       background-color:transparent;
  37.       width:100%;
  38.       animation:blink 2s linear 0s infinite alternate;
  39.      }
  40.      @keyframes blink{
  41.      0% ,74% {background-color:transparent;}
  42.      75% {background-image: radial-gradient(transparent 99%,black);}
  43.      76% {background-image: radial-gradient(transparent 95%,black);}
  44.      77% {background-image: radial-gradient(transparent 91%,black);}
  45.      78% {background-image: radial-gradient(transparent 87%,black);}
  46.      79% {background-image: radial-gradient(transparent 83%,black);}
  47.      80% {background-image: radial-gradient(transparent 79%,black);}
  48.      81% {background-image: radial-gradient(transparent 75%,black);}
  49.      82% {background-image: radial-gradient(transparent 71%,black);}
  50.      83% {background-image: radial-gradient(transparent 67%,black);}
  51.      84% {background-image: radial-gradient(transparent 63%,black);}
  52.      85% {background-image: radial-gradient(transparent 59%,black);}
  53.      86% {background-image: radial-gradient(transparent 55%,black);}
  54.      87% {background-image: radial-gradient(transparent 51%,black);}
  55.      88% {background-image: radial-gradient(transparent 47%,black);}
  56.      89% {background-image: radial-gradient(transparent 43%,black);}
  57.      90% {background-image: radial-gradient(transparent 39%,black);}
  58.      91% {background-image: radial-gradient(transparent 35%,black);}
  59.      92% {background-image: radial-gradient(transparent 31%,black);}
  60.      93% {background-image: radial-gradient(transparent 27%,black);}
  61.      94% {background-image: radial-gradient(transparent 23%,black);}
  62.      95% {background-image: radial-gradient(transparent 19%,black);}
  63.      96% {background-image: radial-gradient(transparent 15%,black);}
  64.      97% {background-image: radial-gradient(transparent 11%,black);}
  65.      98% {background-image: radial-gradient(transparent 7%,black);}
  66.      99% {background-image: radial-gradient(transparent 3%,black);}
  67.      100% {background-color: black;}
  68.      }
  69.     `
  70.     GM_addStyle(css)
  71. }