問題タブ [box-shadow]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

394 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
3 に答える
1285 参照

html -
傾斜したエッジとボックス シャドウを使用

HTML と CSS で次のモックアップを作成するにはどうすればよいですか?

<div> 傾斜のあるエッジ

運が悪いので<div>、傾斜したエッジを作成するためにセパレートを追加しようとしました。transform: rotate();

主に、私が達成したいことは次のとおりです。

  • コンテンツを持つ2 つ<div>の要素
  • 2 つの<div>要素には傾斜したエッジと影があります
0 投票する
1 に答える
359 参照

html - 次の div にキャストされている下部のボックス シャドウを削除します

私が持っているもの：

各リンクにボックス シャドウが割り当てられたナビゲーション メニューがあります。

ナビゲーション メニューのすぐ下には、リンクの下部に触れる div があります。

ボックスの影の下部は、タブ付きのインターフェイスの錯覚を壊します。

必要なもの:

リンクのボックス シャドウが次の div にキャストされないようにする必要があります。

私のコード:

0 投票する
1 に答える
245 参照

css - 歪んだときに内側の影がエイリアシングされる

写真に示すように、使用するとインセットシャドウがエイリアシングされます

Chrome と Firefox の両方で発生しますが、回避策はありますか?

スクリーン印刷:

歪んだブロックのスクリーンショット


12345678910