☰

blink

remind you to blink

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!) 

// ==UserScript==
// @name         blink
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  remind you to blink
// @author       jackC
// @match        *://*/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==


(function() {
    'use strict';
    if(self==top){
     blink();
     addStyle();
   }
})();
function blink(){
    let body=document.body;
    let blink=document.createElement('div');
    blink.classList.add('blink')
    body.appendChild(blink);
}
function addStyle(){
    let css=`
     .blink{
      pointer-events:none;
      position:fixed;
      z-index:9999;
      top:0;
      left:0;
      height:100%;
      background-color:transparent;
      width:100%;
      animation:blink 2s linear 0s infinite alternate;
     }
     @keyframes blink{
     0% ,74% {background-color:transparent;}
     75% {background-image: radial-gradient(transparent 99%,black);}
     76% {background-image: radial-gradient(transparent 95%,black);}
     77% {background-image: radial-gradient(transparent 91%,black);}
     78% {background-image: radial-gradient(transparent 87%,black);}
     79% {background-image: radial-gradient(transparent 83%,black);}
     80% {background-image: radial-gradient(transparent 79%,black);}
     81% {background-image: radial-gradient(transparent 75%,black);}
     82% {background-image: radial-gradient(transparent 71%,black);}
     83% {background-image: radial-gradient(transparent 67%,black);}
     84% {background-image: radial-gradient(transparent 63%,black);}
     85% {background-image: radial-gradient(transparent 59%,black);}
     86% {background-image: radial-gradient(transparent 55%,black);}
     87% {background-image: radial-gradient(transparent 51%,black);}
     88% {background-image: radial-gradient(transparent 47%,black);}
     89% {background-image: radial-gradient(transparent 43%,black);}
     90% {background-image: radial-gradient(transparent 39%,black);}
     91% {background-image: radial-gradient(transparent 35%,black);}
     92% {background-image: radial-gradient(transparent 31%,black);}
     93% {background-image: radial-gradient(transparent 27%,black);}
     94% {background-image: radial-gradient(transparent 23%,black);}
     95% {background-image: radial-gradient(transparent 19%,black);}
     96% {background-image: radial-gradient(transparent 15%,black);}
     97% {background-image: radial-gradient(transparent 11%,black);}
     98% {background-image: radial-gradient(transparent 7%,black);}
     99% {background-image: radial-gradient(transparent 3%,black);}
     100% {background-color: black;}
     }
    `
    GM_addStyle(css)
}