[過去ﾛｸﾞ] HTML/CSS のどんな質問にも優しく答えるｽﾚ 51 (1002ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
420(3): 2023/03/18(土)13:03 ID:??? AAS
ボックスの境界線にグラデーションを掛けて、その境界線を破線にする事ってできる？
これだとできないよね
border: 2px dashed transparent;
border-image: linear-gradient(to right, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D) 1 100%;
421(3): 2023/03/18(土)13:12 ID:??? AAS
>>420
こういうことをいってるのかな
.box {
width: 300px;
height: 300px;
border: 2px dashed #fff;
background: linear-gradient(#fff 0 0) padding-box,
linear-gradient(to bottom, #aa0000, #00aa00 50%, #0000aa) border-box;
}
428(1): 2023/03/20(月)18:35 ID:??? AAS
実は>>420ってGPT3へ質問した結果の解答だったんだ。
できないよ？→すいませんこれで→だからできてないって→すいませんこれ
を無限にループされてイライラした。
出来ていない事を認識していないのは問題だが、プロンプト次第では再起処理させてなんとかなるのかもね。
>>426 >>427
それ。ここの住民は意外と冷静。
SNSだと自分でコードも書いたことないような人が
プログラマもう不要とか過激な事書いて目立とうとしてる
434(1): 2023/03/20(月)22:36 ID:??? AAS
>>431
bingの解答はまさにその通りで検索結果をまんまでしかないんだけど
GPTはもうちょっとそこに手（思考）が加わっている印象。
というのが、>>420に対する解答として、透過の transparentを使用するのは
ソースの論理的には合ってるが実際には求めている破線のデザインにはならない。
（視覚的にそれを破線として解説しているサイトが存在するとは思えない）
んで、自分の場合は結局GPT君は「現在のCSSの使用では実現出来ない」という結論に至ってた。
それを人間である>>421は破線の部分を#fffを使って錯角を使って実現している
ソースが論理的に正しくないが視覚的には正しい。
ただ、これも解説サイトが複数出てきてくれば君が言うように正解できるようにすぐなるんだろうね。
省2
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.435s*