1

誰か助けてくれませんか？「body」要素の背景として画像が設定されたサイトがあります。「フェードイン」のような効果を作成する必要があります。

これはサイトhttp://www.ladycup.eu/です。

ズームアウトすると、メイン コンテンツ ボックスの側面に葉が表示されます。それが画像であり、私の言いたいことがわかっている場合は、コンテンツ ボックスの下から「成長」する必要があります。このトピックに関する多くのアドバイスを読みました-この画像を背景にdivを作成するなどですが、この場合はそれができません。どんな助けにも本当に感謝しています...

4

1 に答える 1

0

サイトを確認したのですが、とにかく本文の背景が見えませんでした. 質問があれば、本文の背景画像をフェードアウトしてコンテンツの上に成長させたいと考えています.

CSS3 を使用して、クラスを定義し、必要に応じてそれを呼び出します。それを ani と呼びましょう

.ani {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

HTMLコードで、このクラスを本文に追加します<body class="ani">

最後に、ボディに背景を追加し、読み込み時に不透明度を変更します

<script>
$(document).ready(function(){
   $('#Body').css('opacity', 0.1);
});
</script>
于 2013-04-18T17:12:10.563 に答える