javascript - css 三角形缺口,
伊谢尔伦
伊谢尔伦 2017-04-17 15:17:27
0
7
638

如图:

这个三角形缺口是透明的,请问咋个实现

大家请注意问题的关键,三角形能看见后面的背景

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全員に返信(7)
巴扎黑

以前に行ったのは、ナビゲーション バーに数ピクセルの高さの小さな p の行を追加することでした。すべて白い背景です
選択した背景は、透明な「ギャップのある白い背景」画像です

いいねを押す +0
迷茫

リーリー

いいねを押す +0
巴扎黑

透明な三角形を作るのはおそらく不可能です。

しかし、白い台形を 2 つ作り、真ん中の三角形を残すこともできます。

いいねを押す +0
巴扎黑

三角形を変更するにはボーダーを使用します。透明にしたい場合は、rgba を使用します。

p{

リーリー

}

いいねを押す +0
刘奇

ページのアドレスを送信してください。調べればわかります

いいねを押す +0
左手右手慢动作

Xiao U-chan の意見に同意します。私はこの解決策しか考えていません:

————————————ゴージャスな分割線————————————————
回転によって作成される効果:

いいねを押す +0
Peter_Zhu

リーリー

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート