非常に簡単なサイトを作成したので、背景の遷移を行いたいと考えています。ただし、トランジションを a に適用すると、background-size: cover作成したフィドルに見られるように、トランジションで背景画像がちらつきます。
問題は次のとおりです。
#slideshow {
width: 100%;
height: 400px;
margin: 0 auto;
transition: 0.5s;
background-size: cover;
}
を外すたびにbackground-size、ちらつきが消えます。
#slideshow に以下を追加しようとしました:
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-webkit-transform: translate3D(0, 0, 0);
しかし、残念ながらそれはうまくいきませんでした。誰でもアイデアはありますか？(Webkit を忘れずにチェックインしてください)