From 1a9a99d3bc9d2f92c255a667740af139553a22f5 Mon Sep 17 00:00:00 2001 From: Patrick Tschuchnig Date: Sat, 25 Jan 2020 15:21:12 +0100 Subject: [PATCH] scanline exchange --- assets/css/crt.css | 21 +++++++++++++++------ assets/images/scanline.png | Bin 0 -> 534 bytes 2 files changed, 15 insertions(+), 6 deletions(-) create mode 100644 assets/images/scanline.png diff --git a/assets/css/crt.css b/assets/css/crt.css index 3846546..c9f3eb1 100644 --- a/assets/css/crt.css +++ b/assets/css/crt.css @@ -1,3 +1,7 @@ +--- +layout: none +--- + /* CRT effect in CSS by: http://aleclownes.com/2017/02/01/crt-display.html @@ -147,21 +151,26 @@ http://aleclownes.com/2017/02/01/crt-display.html opacity: 0; z-index: 2; pointer-events: none; - animation: flicker 3s infinite; + /*animation: flicker 3s infinite;*/ } .crt::before { - content: " "; + /*content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; - right: 0; - background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); + right: 0;*/ + /*background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));*/ z-index: 2; - background-size: 100% 2px, 3px 100%; + /*background-size: 100% 2px, 3px 100%;*/ pointer-events: none; + background-image: url({{site.baseurl}}/assets/images/scanline.png); + background-repeat: repeat; + width:200px; + height:200px; + } .crt { - animation: textShadow 5s infinite; + /*animation: textShadow 5s infinite;*/ } \ No newline at end of file diff --git a/assets/images/scanline.png b/assets/images/scanline.png new file mode 100644 index 0000000000000000000000000000000000000000..d4ef78bb645cf19e7cbf6cfb556fbe1c60bff9ee GIT binary patch literal 534 zcmV+x0_pvUP)EX>4Tx04R}tkv&MmP!xqvQ>CI62U}2a$WWauh>AFB6^c+H)C#RSn7s54nlvOW zE{=k0!NH%!s)LKOt`4q(Aov5~9J6k5c1;qgAsyXWxUeSlCeG0o~22Qz=x)?xH-)yYJ8HRkIcYd?N8IGt3I{2J!S} z#o)Y89AX7oB|aw}GwFiFk6c$=e&d{XSm2oD&>%a0@IUxHTPrs?;U)!RK_nJGm<~dFufE3LtaRVG2 z0;74#UiWx+SNq)l?P<>M2QQ{_j4p;~L;wH)24YJ`L;xfJ8~_orj!0bq000SaNLh0L z01FcU01FcV0GgZ_00007bV*G`2jl@64hS%{?o~ek000t6L_t&t*JEH{V3^Fnz`(!& Y00Vpgl-2j*eE