From 73ec2015baaeecefe40a17f15e659eb8cd6f316c Mon Sep 17 00:00:00 2001 From: adrien Date: Sat, 21 Feb 2026 02:23:48 +0100 Subject: [PATCH] more more brilliant --- css/pop.css | 45 ++++++++++++++++++++++++++++----------------- 1 file changed, 28 insertions(+), 17 deletions(-) diff --git a/css/pop.css b/css/pop.css index d9ee6c7..d92b8be 100644 --- a/css/pop.css +++ b/css/pop.css @@ -1,61 +1,72 @@ .mino { background-color: var(--color); background-image: + + /* ✨ Éclat spéculaire */ radial-gradient( - ellipse 20% 15% at 25% 25%, - #fff2, - transparent + ellipse 20% 8% at 25% 20%, + #ffffff66, + #ffffff33 40%, + transparent 70% ), + radial-gradient( - ellipse 150% 60% at 50% 0%, - transparent, - #fff5 50%, - transparent 50% + ellipse 140% 85% at 50% -15%, + var(--light) 0%, + #ffffff77 35%, + #00000005 60% ), + + /* 🌑 Assombrissement global (bords + bas) */ radial-gradient( - ellipse 120% 190% at 50% 110%, - var(--light), + ellipse 120% 200% at 50% 140%, + var(--light) 0%, var(--color) 55%, - black 90% + #00000066 95% ); + border: 3px outset var(--color); border-top-color: var(--light); border-radius: 3px; + box-shadow: + inset 2px 0 4px rgba(0,0,0,.06), + inset -2px 0 4px rgba(0,0,0,.12); + filter: saturate(1.1) contrast(1.05); } .I { --color: #009fcf; - --light: #74e2ff; + --light: #cfeaf1; } .J { --color: #0048a8; - --light: #5497ff; + --light: #adcdff; } .L { --color: #f96700; - --light: #ffb987; + --light: #f8d3b8; } .O { - --color: #fdba00A0; + --color: #fdba00; --light: #f6e0b8; } .S { --color: #59b616; - --light: #b1dd90; + --light: #dceecf; } .T { --color: #852687; - --light: #d57bd5; + --light: #e3c7e3; } .Z { --color: #a90f16; - --light: #db686e; + --light: #ebc6c8; } .ghost {