前にフェードアウト：ターゲット後：ターゲットが変更されました

Question

私はdivが表示されるようにしたいです：ターゲットを使用してCSS。今のところうまくいきます。私の問題は次のとおりです。

マイコード：だから

<div id="stuff"> 
Content 
</div> 

#stuff { 
    opacity:0; 
    transition: opacity .5s ease-in-out; 
} 

#stuff:target { 
    opacity:1; 
} 

のは（それが何をするか）それはフェードインする必要があり、次のURLに言わせて：

example.com/example.htm#stuff

しかし、次のようなURLにURLを変更すると、移行なしでは表示されなくなります。

私がいないのJavaScript経由で・修正することにより、リンクをクリックしてURLを変更したい

example.com/example.htm#

注意。

私の質問は：

それはJavaScriptを使用せずに前回の目標のためにターゲットを変更するトランジションを持つことは可能ですか？あなたはそれをどのように達成しますか？

可能であれば、JavaScriptをまったく使用したくありません。

Answer 1

ちょうどopacityプロパティの値が変更されていて、動作しています。私が知る限り、opacityは、0と1の間の小数点（inherit、initialおよびunsetを除く）を受け入れます。

#stuff { 
 
    opacity:0; 
 
    transition: opacity .5s ease-in-out; 
 
} 
 

 
#stuff:target { 
 
    opacity:1; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="stuff"> 
 
Content 
 
</div> 
 
<a href="#stuff">Add hash</a> 
 
<a href="#">Remove hash</a>