divではなく、テキストのみをフェードインするにはどうすればよいですか？

Question

div内のテキストではなく、divをフェードイン/アウトするだけですか？テキストはdiv要素の一部であるので、あなたは、その中にテキストをフェードインしますDIVを退色することによりhttps://jsfiddle.net/tc6fq235/3/

<div class="fade">Hover over me.</div> 

.fade { 
    background-color: antiquewhite; 
    width: 300px; 
    height: 200px; 
    text-align: center; 

    opacity: 1; 
    transition: opacity .25s ease-in-out; 
    -moz-transition: opacity .25s ease-in-out; 
    -webkit-transition: opacity .25s ease-in-out; 
} 

.fade:hover { 
    opacity: 0.5; 
} 

Answer 1

：

は、ここに私のコードです。背景色（テキスト以外の他の唯一の可視部分）を消したい場合は、アルファ透明度を使用できます。

.fade { 
 
    background-color: antiquewhite; 
 
    width: 300px; 
 
    height: 200px; 
 
    text-align: center; 
 
    transition: background-color .25s ease-in-out; 
 
} 
 

 
.fade:hover { 
 
    background-color: rgba(250,235,215,0.5); 
 
}

<div class="fade">Hover over me.</div>