[過去ログ] cssで文字にグラデーションつけたいんだけど (14レス)
1-

このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
1: なんだか物悲しい名無し… 2018/12/11(火)00:34 ID:lL9wmIHY/ch.1(1/2) AAS
たとえば左下から右上にかけて均等に
緑(#00FF00)から青(#0000FF)にしたいとして
背景色をつけるのはできたんだけど文字で切り抜くってのが上手くいかない

background: -webkit-linear-gradient(45deg, rgba(0,255,0,1) 0%, rgba(0,0,255,1) 100%);
2: 匿名は衰退しました。 2018/12/11(火)00:36 ID:lL9wmIHY/ch.1(2/2) AAS
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

これが駄目だった
3: 僕は名無しのレスを読まない 2018/12/11(火)01:20 ID:Puidxg7w/ch.1(1) AAS
あっそ
4
(1): 名無しの一種だ 2018/12/11(火)11:39 ID:A7XfYe32/ch.1(1) AAS
htmlでやれ
5
(1): プロナナシ@円盤反対! 2018/12/11(火)15:46 ID:0Esyb81E/ch.1(1) AAS
画像でやればいいじゃん
6: 名無しですがコテハン引退します 2018/12/11(火)17:13 ID:caAWuKL6/ch.1(1/4) AAS
>>4
どうやるの
htmlでできるのか?

>>5
見出しに使うとかじゃないから画像じゃ意味ないんだわ
7: オオカミさんと774人の仲間たち 2018/12/11(火)17:22 ID:UBXVbr82/ch.1(1/3) AAS
コード全体みせて
8: 食べる〜♪作る〜♪名無しデュビデュバ♪ 2018/12/11(火)17:25 ID:caAWuKL6/ch.1(2/4) AAS
全体ってcssの?

.green-blue {
background: -webkit-linear-gradient(45deg, rgba(0,255,0,1) 0%, rgba(0,0,255,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
9: 私の戦闘力は774万です 2018/12/11(火)17:26 ID:caAWuKL6/ch.1(3/4) AAS
これだと文字は黒のまま何も変わらない
下2行を消すと文字の背景色がグラデーションになる
10: サザエ名無し 2018/12/11(火)17:30 ID:npAHEhEY/ch.1(1/2) AAS
それなw
11: 世界がもし774人の村だったら 2018/12/11(火)17:33 ID:UBXVbr82/ch.1(2/3) AAS
その機能に未対応のブラウザで見ているのでは?
もしこのページの文字にグラデがかかって見えないなら、ブラウザの問題だと思うよ(私の環境では見えるので)
外部リンク[html]:boku.fast-page.org
12: 魔法少女ななし☆マギカ 2018/12/11(火)17:37 ID:caAWuKL6/ch.1(4/4) AAS
すまん!w
確認したらなんかコメントとか余計なのあったから消したらできたわw
13: I am nanasi and this is my song 2018/12/11(火)17:41 ID:UBXVbr82/ch.1(3/3) AAS
よかったね
14: やはり名無しの青春ラブコメは間違っている 2018/12/11(火)17:41 ID:npAHEhEY/ch.1(2/2) AAS
は?
1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.313s*