0
こんにちは、私はCSSに新しいですし、あなたがここに見ることができるように、現在、私は私のヘッダーに一つだけの画像を使用しています:CSSで複数の画像を追加するには?
#header {
position: relative;
background-image: url("../../images/header.jpg");
background-size: cover;
background-position: center center;
background-attachment: fixed;
color: #fff;
text-align: center;
padding: 7.5em 0 2em 0;
cursor: default;
}
私は同じヘッダにトランジション効果と同じヘッダーに複数の画像を追加することができますどのように?私は、ヘッダーのHTMLに命名法を変更し、あなたが最大限3に構成する@keyframes
とanimation
を使用して、追加の二つの層と遷移それらの層を重ねて:after
と:before
を使用することができCSS
...唯一の追加子供のHTMLを使用せずに、ヘッダには、正確にはできません。申し訳ありませんが明らかでない場合。私はjavascriptを使用しましたが、動作しませんでした。 – Estud
すべてクリアです。しかし、残念ながらそれは不可能です。単一の要素に背景を使用しない。 –
これは便利です:https://stackoverflow.com/questions/25799055/how-to-fade-loop-background-images –