css - 不透明度の値はどのように機能しますか?

Question

ドラッグ アンド ドロップ ゲームでドラッグ可能なオブジェクトの不透明度を設定したいのですが、数字の意味がよくわかりません...

ホバーしたときに本当に目立つようにする方法を誰かが説明できますか?

$('.drag').hover(

function() {
$(this).stop().animate({
    opacity: "0.8"
});
}, 
function() {
$(this).stop().animate({
    opacity: "1"
});
});

Answer 1

0 = 0％、1 = 100％と考えてください。

したがって、たとえば、何かを50％透明にし0.5たい場合は、数値をに設定します。完全に透明にしたい場合は、を選択します0。の値を持つものは、0.9ごくわずかに透明になります。

たとえば、これはrgba用のフォークでもあります。

rgba(0, 0, 0, 0.5)

...黒から始めて50％透明にするため、灰色になります（もちろん背景によって異なります）。

誰かがホバーしたときにそれを本当に目立たせる方法を説明できますか？

たとえば、ホバー値を非常に低い値に設定します0.4。これは明らかです。ホバーと通常の状態が互いにうまく補完するまで、不透明度を微調整し続けることができます。