7

私のウェブサイト [ワードプレスに基づく] には、プロジェクト スライダー (技術的にはテキスト付きの画像) があります。しかし、そのスライダーは自動スクロールではなく、左右にスライドするためのボタンがあります。

http://i47.tinypic.com/97uxz4.jpg

そのボタンを削除して、スライド auto にしたいと思います。javascript を使用したくありません。CSS で実現したい。はいの場合、どのように可能ですか？

これを行うための最短の解決策が不可能な場合、ここに私の作業サイトがあります

http://aniyanetworks.net/ブログ

4

3 に答える 3

2

を使用する例 (フィドル) を次に示しanimationsます。これをあなたに適用できます.post-list：

.post-list {
    animation: slide infinite 3s alternate;
}

@keyframes slide {
  0% {
    margin-left: 0px;
  }
  50% {
    margin-left: -100px;
  }
  100% {
    margin-left: -200px;
  }
}

ホバー時のアニメーションを無効にするには、次を使用します。

.post-list:hover {
    animation-play-state: paused;
}

-webkit-...Allendars answer のように、ベンダー プレフィックス (など) を忘れないでください。

しかし、もちろん、あなたは遊んでいる必要があります。これは、それがどのように機能するかのヒントにすぎません。

于 2013-03-18T20:14:59.040 に答える