0

このようなものを作成するには、画像を使用する必要がありますか... 説明する方法さえわかりません (私の母国語は英語ではありません) が、この Web サイトの上部から暗い部分への移行です。 http://thegregthompson.com/ 。画像を使用する必要がありますか、それともあまり複雑でない css でこれを行うことができますか? (疑似要素でも構いません)

4

3 に答える 3

1

ギザギザのエッジ/ミニ三角形を参照している場合は、http：//thegregthompson.com/wp-content/themes/GregThompson/assets/img/を繰り返し使用して、より簡単に再現することをお勧めします。 border-top.png。

純粋なcssで可能になると確信していますが、「それほど複雑ではない」ということは絶対にありません。最初に考えたのは、不要なマークアップがたくさんあるということです。

これがお役に立てば幸いです

于 2012-10-11T14:13:27.537 に答える
1

最良の方法は、画像を使用することです。キャンバス要素で高度な Javascript を実行することもできますが、それは長くて困難で不必要な方法です。

サイトはこの画像を使用しています

于 2012-10-11T14:09:59.207 に答える
0

それが彼らが使用しているものです：

.sub_hold_top {
    height: 10px;
    background-image: url('../img/border-top.png');
    width: 100%;
    float: left;
}

画像のフルパス

于 2012-10-11T14:08:22.707 に答える