0

の開発以来、を使用せずCSS3にブラウザベースの効果 (トランジションとアニメーション) を作成する試みが増えています。ベースのスライドショーにはいくつかの例がありますが、常に欠けているものが 1 つあります。CSS3JavaScriptCSS3

スライドショーを作成する一般的な方法CSS3は、各スライドのシーケンス遅延を誘発することです。したがって、スライドの数を把握し、CSS対応する要素ごとにルールを追加する必要があります。

CSS3要素の数を持たずにスライドショーを循環させる別の方法があるかどうか興味がありますか?

4

1 に答える 1

1

starts-withセレクターを使用して、対応する各要素のルールを回避します。

section[id^=slide]:target {
opacity: 1;
z-index: 1;
-moz-transform: translate(0, 0);
}

section[id^=slide]:target ~ section[id^=slide] {
-moz-transform: translate(110%, 0);
}

参考文献:

于 2013-09-30T19:30:21.777 に答える