Crafting link underlines on Medium などで紹介されている、リンクの下線をグラデーションの背景とテキスト・シャドウで表現する手法をこのサイトでも試してみました。やろうとしているのは、下線の色、位置、サイズのコントロールと、ディセンダーと直接まじわらずグリフをまたぎ越すような表現。 a { background: linear-gradient(#e00000 50%, transparent 50%) 0 1.25em repeat-x; background-size: 1px 2px; text-shadow: 0 1px white, 0 -1px white, 1px 0 white, 1px 1px white, 1px -1px white, -1px 0 white, -1px 1px white, -1px -1px white; } @me
![グラデーションとテキスト・シャドウによるリンクの下線](https://cdn-ak-scissors.b.st-hatena.com/image/square/8adc00cc00ab08961bbe4c3e9540ce53968e0c3e/height=288;version=1;width=512/https%3A%2F%2Fterkel.jp%2Fapple-touch-icon.png)