昨日ふんわり理解できたのでメモ
margin, paddingのような順序は特になく、
方向を自分でつけられるのがややこしくしていた。
, 区切りで多方向に影をつけることで擬似的にアウトラインを実現している。
ぼかしを入れないとアンチエイリアスを切ったような表示になるため、
rgba の前の0を指定するときっちりとしたアウトラインにはならないが、
気持ちアンチエイリアスがついたような表示になる
css
text-shadow: 1px -1px 0 rgba(0,0,0,1), 1px 1px 0 rgba(0,0,0,1), -1px 1px 0 rgba(0,0,0,1), -1px -1px 0 rgba(0,0,0,1);
scss
text-shadow: 1px -1px 0 rgba(0,0,0,1), // 右上
1px 1px 0 rgba(0,0,0,1), // 右下
-1px 1px 0 rgba(0,0,0,1), // 左下
-1px -1px 0 rgba(0,0,0,1); // 左上