最初は、マウスオーバー時に不透明度を0.5から1に変更するボックスがありました。それはうまくいく。ホバーアニメーションフェードイン不透明度0.5ホバー不透明度1
ここでは、遅延フェードインアニメーションを不透明度0から0.5の冒頭に追加したいと考えています。残念ながら、マウスオーバーの移行はもはや機能しません。
私はあなたがLESSを使用して考えがあり、すべてのアイデア:)
.box {
width: 200px:
height: 50px;
padding:20px;
background-color: red;
transition: 1s ease;
opacity: 0;
opacity: 0.5 \9;
-webkit-animation:fadeIn ease-in 0.5;
-moz-animation:fadeIn ease-in 0.5;
animation:fadeIn ease-in 0.5;
\t
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
\t
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.box:hover {transition: 0.5s; opacity: 1; }
<div class="box">This is a Box</div>
多分あなたのマークアップを提供し、または私達は推測する必要がありますか?ありがとう –