最近は、コワーキングスペース タネマキ の方で、記事を更新しています。@uetsuhara でも気になったニュースや記事など流してます。良かったら覗いてみてください。

読了目安 1分6秒

CSS3 のtext-shadow で遊んでみた

さて、昨日に引き続き CSS3 のtext-shadow で遊んでみた。昨夜の text-shadow の記事

昨日は、”何層も重ねられる”とか書いたけれど、実際に何層くらいまで text-shadow を重ねられるのか興味が湧いて来ました。それと、Facebookで昨日の記事を見て、うまくやればグラデーションも出来るよ！と教えて貰ったのでちょいとそれも試してみたいなと。

レインボータワー！100層 盛り盛り！！

というわけで、とりあえずやってみました。100pxのshadowです。おおっと問題なく表示されています！もうなんか画面が許す限り際限なく何層でもいけそうですね！！どちらかと言えば、CSS を書く方が疲れるのでもうこれ以上はテストしません。誰か後は頼んだ。

うまく表示されれば下記の画像みたいな感じです。

ぜひご自分のサイトで使ってみてくださいね。ではでは！