問題タブ [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.
css - 角度の付いた上部と右側の台形形状
基本的には湾曲したdivです:
では、画像なしで CSS のみで行うことは可能でしょうか?
html - 下向きの三角形...しかし待ってください...これは何ですか...境界線がありますか?
私はここでクールなCSSを使用しています:
http://css-tricks.com/snippets/css/css-triangle/
jQueryで完成させるもののために単純な三角形を作成しています。問題は、三角形の2つの辺に境界線を付ける必要があることです。三角形が境界線でできているのを見ると、これは私に頭痛の種を与えています。
ここでこの写真を見てください:
他のオレンジと混ざらないように、A面とB面に境界線を付ける必要があります。
三角形自体のcssのピークは次のとおりです。
だから、私は別の解決策を受け入れています(珍しいですよね?)。すでに多くの作業を行っているという理由だけで、現在の設定を使用したソリューションを希望します。いずれにせよ、私はこれに境界線を持たせる必要があります(私を「絶望的」と呼ぶことができると思います)。
乾杯と助けてくれてありがとう!
html - css3で台形/台形を描く方法は?
Mobile Safariを使用してhttp://m.google.comページにアクセスすると、ページの上部に美しいバーが表示されます。
そのような台形(米国:台形)を描きたいのですが、どうすればいいのかわかりません。css3 3d変換を使用する必要がありますか?あなたがそれを達成するための良い方法を持っているなら、私に教えてください。
css - CSS3 エンベロープ形状
お察しのとおり、この画像は郵便封筒の形の一部で、できれば CSS3 で作成したいと考えています。他のパーツも作りましたが、これが難しいです。形状には、両側の三角形のカットと丸い角の両方が必要です (おそらく、border-radius-bottom-left/border-radius-bottom-right)。また、小さな影を落とす機能も必要です。
これは私がこれまでやってきたことです -
jsFiddle - http://jsfiddle.net/hsYUy/
javascript - CSS3とjQueryを使用して回転歯車を作成するにはどうすればよいですか?
私は、バックグラウンドで回転する歯車を備えたFlashにある次のサイトを持っています:
http://thedrivepartnership.com/index.html
CSSとJavaScriptを使用して同様の何かを作成したいと思います-誰かがそこにある例を知っていますか?
css - 透明な中空または切り抜きの円
CSSだけで中空円を切り取ることはできますか?
これは私たち全員ができることです:
しかし、私たちはこれを行うことができますか?
円は中空で透明でなければなりません。したがって、問題は、塗りつぶされたカラー サークルをdiv
.
css - CSSでドーナツの形を作成する
境界線の半径などでcssの円を作成する方法は知っていますが、ここで大まかにこのようなcssのみのドーナツの形を作成することに興味があります->
それは1divになりますが、それ自体に向かって丸く湾曲します。
何か案は??
html - div から切り出された透明な半円
CSS3だけで半円の透明な切り抜きを作りたいです。唯一の要件は、形状を形成するすべての要素が黒または透明でなければならないことです。
半円は透明で背景が透けて見えるようにする必要があるため、その上に白い円がある黒い長方形は使用できません。
希望の形状 :
html - カスタムCSSカラーオーバーレイ
現在会社のサーバーにあるjpgをかなり正確に表現した会社のロゴのCSSを作成しようとしています。ロゴのいくつかのカラーオーバーレイを除いて、かなり基本的です。
私の質問は:これも可能ですか?もしそうなら、どうすればそうすることができますか
バッシュしないでください、私は完全な初心者です、htmlの私の最初の行は約1週間前でした...
これが私のマークアップです
css - css でこの形状を作成します。
この画像を見てください:
私の無用なペイント能力で申し訳ありません:-)
)
divでテキストを使用せずに、純粋なCSSだけのように、CSSでそのような形状を描くにはどうすればよいですか。
作例のように湾曲させようとしたのですが、中心からそのように湾曲させる方法がわかりません。
cssでこのような形を作るにはどうすればいいですか?
ありがとう。