問題タブ [css-shapes]

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.

0 投票する
3 に答える
1548 参照

css - 角度の付いた上部と右側の台形形状

基本的には湾曲したdivです:

湾曲したdiv

では、画像なしで CSS のみで行うことは可能でしょうか?

0 投票する
6 に答える
2561 参照

html - 下向きの三角形...しかし待ってください...これは何ですか...境界線がありますか?

私はここでクールなCSSを使用しています:

http://css-tricks.com/snippets/css/css-triangle/

jQueryで完成させるもののために単純な三角形を作成しています。問題は、三角形の2つの辺に境界線を付ける必要があることです。三角形が境界線でできているのを見ると、これは私に頭痛の種を与えています。

ここでこの写真を見てください:

ここに画像の説明を入力してください

他のオレンジと混ざらないように、A面とB面に境界線を付ける必要があります。

三角形自体のcssのピークは次のとおりです。

だから、私は別の解決策を受け入れています(珍しいですよね?)。すでに多くの作業を行っているという理由だけで、現在の設定を使用したソリューションを希望します。いずれにせよ、私はこれに境界線を持たせる必要があります(私を「絶望的」と呼ぶことができると思います)。

乾杯と助けてくれてありがとう!

0 投票する
5 に答える
106610 参照

html - css3で台形/台形を描く方法は?

Mobile Safariを使用してhttp://m.google.comページにアクセスすると、ページの上部に美しいバーが表示されます。

そのような台形(米国:台形)を描きたいのですが、どうすればいいのかわかりません。css3 3d変換を使用する必要がありますか?あなたがそれを達成するための良い方法を持っているなら、私に教えてください。

0 投票する
4 に答える
4869 参照

css - CSS3 エンベロープ形状

お察しのとおり、この画像は郵便封筒の形の一部で、できれば CSS3 で作成したいと考えています。他のパーツも作りましたが、これが難しいです。形状には、両側の三角形のカットと丸い角の両方が必要です (おそらく、border-radius-bottom-left/border-radius-bottom-right)。また、小さな影を落とす機能も必要です。

これは私がこれまでやってきたことです -

jsFiddle - http://jsfiddle.net/hsYUy/

0 投票する
5 に答える
5431 参照

javascript - CSS3とjQueryを使用して回転歯車を作成するにはどうすればよいですか?

私は、バックグラウンドで回転する歯車を備えたFlashにある次のサイトを持っています:

http://thedrivepartnership.com/index.html

CSSとJavaScriptを使用して同様の何かを作成したいと思います-誰かがそこにある例を知っていますか?

0 投票する
7 に答える
59127 参照

css - 透明な中空または切り抜きの円

CSSだけで中空円を切り取ることはできますか?

これは私たち全員ができることです:

通常の CSS 円

しかし、私たちはこれを行うことができますか?

div 内の透明な中空円

円は中空で透明でなければなりません。したがって、問題は、塗りつぶされたカラー サークルをdiv.

0 投票する
5 に答える
26118 参照

css - CSSでドーナツの形を作成する

境界線の半径などでcssの円​​を作成する方法は知っていますが、ここで大まかにこのようなcssのみのドーナツの形を作成することに興味があります->ここに画像の説明を入力してください

それは1divになりますが、それ自体に向かって丸く湾曲します。

何か案は??

0 投票する
8 に答える
19196 参照

html - div から切り出された透明な半円

CSS3だけで半円の透明な切り抜きを作りたいです。唯一の要件は、形状を形成するすべての要素が黒または透明でなければならないことです。

半円は透明で背景が透けて見えるようにする必要があるため、その上に白い円がある黒い長方形は使用できません。

希望の形状 :

半円を切り取った長方形

0 投票する
3 に答える
2867 参照

html - カスタムCSSカラーオーバーレイ

現在会社のサーバーにあるjpgをかなり正確に表現した会社のロゴのCSSを作成しようとしています。ロゴのいくつかのカラーオーバーレイを除いて、かなり基本的です。

私の質問は:これも可能ですか?もしそうなら、どうすればそうすることができますか

バッシュしないでください、私は完全な初心者です、htmlの私の最初の行は約1週間前でした...

これが私のマークアップです

0 投票する
2 に答える
746 参照

css - css でこの形状を作成します。

この画像を見てください:

画像例

私の無用なペイント能力で申し訳ありません:-)

)divでテキストを使用せずに、純粋なCSSだけのように、CSSでそのような形状を描くにはどうすればよいですか。

作例のように湾曲させようとしたのですが、中心からそのように湾曲させる方法がわかりません。

cssでこのような形を作るにはどうすればいいですか?

ありがとう。