css-shapes

-1熱

1答えて

私はSlanted Divを作成しましたが、私は解決できない問題に遭遇しましたが、私はこれをgoogledしましたが、答えは見つかりませんでした。ここ JSFiddle version body { background: black; } #slantedwrapper { overflow: hidden; margin-left:

5熱

3答えて

CSSは私の心を壊しましたか？

はこのquestionに続いて、私はJSFiddleを作成したが、出力はあまり良く思われない：ここではが答えから取られ、CSSです： #heart { position: relative; width: 100px; height: 90px; margin-top: 10px; /* leave some space above */ }

2熱

1答えて

CSSオーバーラップカラーで不規則な枠を作成する

スクリーンショットのような不規則な枠線を可変色で作成するにはどうしますか？ Iは、グラフィックエディタで境界画像を作成し、docsに記載されているようにborder-imageプロパティを使用して検討しました。しかし、このテクニックでは、境界 "波"に入る複数の背景色（スクリーンショットではグレーとホワイト）の効果を達成できませんでした。もう1つの解決策は、Photoshopで背景全体の白とグ

1熱

2答えて

CSS3を使用して次の図形を描く方法

CSS3を使用して次の図形を描画したいと思います。作成しようとしている図形は、下の図のようになります。私はCSSを使って図形を描いたことがないので、どうやってそれをどうやって調べるか分かりません。 accidentalyアップロード更新新形状が間違った形をアップロードし、それが実行されているラインを持っている必要があります下に沿って

0熱

1答えて

画像を傾かせる簡単な方法はありますか？

私はウェブサイトに画像を追加したいが、ある角度で片面にプッシュされているかのように、画像が斜めになるようにしたい。これを行う簡単な方法はありますか？

1熱

1答えて

右端から固定距離で容器をクリップする方法は？

ちょうどOffset a background image from the right using CSSのように私はshapeをコンテナの右端を基準にしていくつかの絶対値に配置したいと思っています。 clip-path: polygon(0 0, right 1em 0, 100% 50%, right 1em 100%, 0 100%, 0 0); これは、1emの長さの右側の要素から三

10熱

2答えて

可変サイズdiv要素にフィットするCSS三角形

私のフィドルを参照してください。私は三角形（div内に配置）を作成し、それを正確に（コーナーからコーナーに）フィットさせることを目指していました。ここで概説ルールです：プレイスには、すべてのdiv要素内の三角形。三角形の左下隅は、すべてのdiv内の左下隅に収まる必要があります。三角形の右上隅は、すべてのdiv内の右上隅に一致する必要があります。 divには幅と高さが固定されていますが、実生

4熱

2答えて

HTML＆CSSを使用してスピン効果を作成するには？

その正方形のホバーに回転効果が必要でしたが、私が得ることができるものは以下の通りです。 HTML <div class="mainSquare"> <div class="firstInnerSquare"> <div class="lastInnerSquare"> Hello </div> </div> </div> CSS .main

1熱

3答えて

ホバリングエフェクトを使用したオーバーラップイメージ

3つの上向き矢印グラフィックが互いに押し付けられ、1つ上にマウスを置くと、矢印が大きくなり、クリックすると新しいページに移動するエフェクトを実装しようとしています。問題は、矢印が重なっている場合、画像の透明部分がホバーに反応することです。これを構築するにはどうすればよいでしょうか？私はsvgを検討していましたが、グラフィックスはとても複雑です。これらの矢印の各々は、別個の画像と、それらがスケ

1熱

3答えて

divにcss3を使ってカスタムシェイプを作成するには？

私はキャンバスを使用せずにCSS3を使用して次の図形を達成しようとしています、誰も私はこの次の形を達成するのを助けることができますか？