Archive

Archive

文字の縁取りCSS

2025.12.08コード

1pxの文字の白の縁取り

text-shadow: 
	#FFF 1px 1px 0, #FFF -1px -1px 0,/*右下、左上*/
	#FFF -1px 1px 0, #FFF 1px -1px 0,/*右上、左下*/
	#FFF 0px 1px 0, #FFF  0-1px 0,/*右、左*/
	#FFF -1px 0 0, #FFF 1px 0 0;/*上、下*/

2pxの文字の白の縁取り

text-shadow: 
	#FFF 2px 0px,  #FFF -2px 0px,
	#FFF 0px -2px, #FFF 0px 2px,
	#FFF 2px 2px , #FFF -2px 2px,
	#FFF 2px -2px, #FFF -2px -2px,
	#FFF 1px 2px,  #FFF -1px 2px,
	#FFF 1px -2px, #FFF -1px -2px,
	#FFF 2px 1px,  #FFF -2px 1px,
	#FFF 2px -1px, #FFF -2px -1px;

引用元

ぼくの考えたさいきょうのCSSだけで2pxの縁取り文字
https://qiita.com/NoxGit/items/eb0904822c0f0fe97650

ページ上部に戻るスプーン