css-shapes

1熱

1答えて

SVGメニューをアニメーションと組み合わせてみようとしていますが、現時点で問題になっているのは、私のjQuery "addClass"が実際にクラスを追加しないということです。誰も私になぜ説明することができますか？これは私が作成しようとしているものです：をあなたが主な目的（#_ x33_）をクリックするとこれは私のコードです： $('#_x33_').click(function() {

1熱

2答えて

divの前後に矢印を追加

divに矢印の形を追加しようとしました。私はdivの最後にそれを追加することができましたが、新しいクラスを使用せずにフロントに追加する方法を理解するのには苦労しています。 1つのクラスでしか達成できないのですか？編集：私は、彼らはすべての3非常に便利だと思い異なる形状のアプローチ、との質問に対する私の答え： .arrow { margin-left: 100px;

2熱

2答えて

リンク上にユーザーがマウスを置いたときに、私は、各リンクの背景として、このような何かをしようとしています

：フィドル：形状の https://jsfiddle.net/emils/8xgp602n/ 一般的なアイデアを： #flag { width: 110px; height: 56px; padding-top: 15px; position: relative; background: red; color: white;

4熱

1答えて

jquery circleの進行状況が正しくない％

次のjquery circle-progressを使用していますが、最近値0.29の問題が発生しています。 29％が表示されますが、代わりに28％が表示されます。 https://github.com/kottenator/ $(document).ready(function($) { $('.progressbar').each(function() { var eleme

0熱

1答えて

JavaFX 8のカスタムシェイプを持つリージョンのマウスイベント

RegionとそのCSSプロパティ-fx-shapeを使用してJavaFX 8でカスタムコントロールを作成しようとしています。カスタムのsvgパスをRegionに設定しています。次に、マウスクリックの処理を追加しようとしましたが、問題は、CSSで定義されたシェイプの内部をクリックするだけでなく、MouseClickイベントがすべてのリージョンで発生することです。どうすればこの問題を解決できますか？

0熱

1答えて

cssまたはsvgで一貫性と応答性のある曲線を作成する

灰色のbgの上にカーブしたオーバーレイを作成し、テキストのように画面の幅に関係なくその幅を（モバイルサイズを除いて）維持する必要があります。上に行くと、常に白いセクションにする必要があります。私は、SVG画像で実験してきたが、任意の画面サイズで一貫した比率を達成することはできません。私が長すぎるSVGを作成した場合、それは5kの画面サイズ以外であまりにも浅いです： body {

-1熱

1答えて

CSSトライアングルをウィジェットのdivに追加する

ウィジェットのタイトルを含むdivの背景に透明な矢印を付けたいと思います。所望の出力：イメージが動作しない場合は、このサイト上のウィジェットセクションとそのタイトルを見ることができます：http://moneyrope.com/ - 問題のウィジェットは、タイトルの「最新のマネーのヒント」を持っています - （完了サイトではなく、単にテスト/ステージング環境）。 CSS： .latest-he

1熱

2答えて

背景イメージのある丸い六角形の作成方法は？

ネットを検索したところ、適切な解決策が見つかりませんでした。丸みを帯びた六角形を作成し、その六角形に背景画像を挿入して全体を塗りつぶす解決策があるかどうかを知る必要があります。 CSS3を完全に作成する方法がない場合は、背景イメージを使用してCSS3を作成する方法がありますか？は例えば、私は、背景画像として、この丸みを帯びた六角形を持っている： .staff_hexagon { pos

1熱

1答えて

CSS3に凹面を持つ台形を作成する方法は？

私は1つの凹面を持つ台形を作成しようとしています。私は、ブラウザ間で互換性があり、応答性の高いCSS3ソリューションを好んでいます。これは私の予想される解決策に非常に似た解決策を提供するpostです。しかし、私はこれまで実現できなかった、提供されている解決策と同じくらい丸くない凹面を好んでいます。非常に重要なのは、シェイプの後ろにイメージを配置したいので、形状がアルファチャンネル（rgba）

1熱

1答えて

滑らかなスライダーでCSSを使用する三角形

滑らかなスライダーを使用していて、スライダーを三角形にしたいと思っています。 &__shape { overflow: hidden; position: absolute; height: 100%; transform: skewX(-55.98deg); transform-origin: 100% 0; transition: a