0

私はこのチュートリアルに従っています: http://tympanus.net/codrops/2013/06/18/caption-hover-effects/ . 一歩一歩進んでいくので、自分が何をしているのかが分かります。この効果がすべて css で行われていることを知って驚きました。

とにかくcs-style3のこの部分で行き詰まりました

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s, opacity 0.1s;
}

.cs-hover とは何ですか? 私はこれを検索しますが、これはある種の特別な css3 のものですか? ファイル内のクラスではないためです。そして、私はこれを機能させることができません。

Figure/img にカーソルを合わせようとすると、figcaption が上にスライドするはずです。

figure:hover figcaption{} を試してみようと思っていましたが、これもうまくいきません

4

2 に答える 2

0

デモページには多くの例があります。作成者は、異なるスタイルを区別するために .cs-style-"number" クラスを使用しました。

ここに画像の説明を入力

これは、上の画像のインスペクターのように、コードにもクラスを追加する必要があることを意味します。これがお役に立てば幸いです。それ以外の場合は、コメントを残してください。さらにお手伝いできるかどうかを確認します

于 2013-09-05T16:00:09.597 に答える