css-shapes

1熱

3答えて

私のウェブサイトのバナーを少し違ってやろうとしています。私は種類のこのような何か探して "下矢印" であるためには、下の境界をしたい：JS FIDDLE .indexBanner { background-image: url('https://i.stack.imgur.com/dFUnt.jpg'); background-repeat: no-repeat;

0熱

1答えて

CSSの図を作成する

css figure http://www.renemax.nl/css.jpg このような図をCSSコードで作成する必要があります。黒は完全に背景画像で覆われていてもよいし、より柔らかい背景色でテキスト（引用符）で覆われていてもよい。これはCSSで作成できますか？私はcssジェネレータをオンラインでこの数字を見つけることができません。ヒントありがとうございます。非常に正確な形状である

5熱

1答えて

CSSの凹凸形状の作成方法

以下に示す背景の白い形の2つのdivを作成します。あなたが見ることができるように、それは基本的に矩形であり、楕円形が切り取られています。ボックスシャドウを生成できるはずです。 CSSでこれを達成する方法はありますか？

6熱

1答えて

鈍角のボタンを作る方法は？

どのように鈍角のボタンを作るのですか？私はここにそうを得た。こののように起こるしたいと思います私のコード - Fiddle *{ box-sizing: border-box; } .btn{ display: inline-block; padding: 16px 30px; color: #fff;

3熱

1答えて

DIVのオーバーレイ台形図

CSSを使用してこのデザインを試してみましょう。次のようにパーツは以下のとおりです。はbackground image 私はを見て撮影した水平テキストと透明backgroundと台形であるがありますTwo-tone background split by diagonal line using cssしかし、まだ少し詰まっています。 CSSは強みではありません！提案がありますか？

3熱

1答えて

CSS3ポリゴンのカットアウト部分ですが、内容は保持されますか？

私はいくつかのコードがあります：あなたはそれの内のテキストで、その中の赤いCSS3ポリゴンで、これはグレーCSS3ポリゴンで、見ることができるように :root { \t --main-color1: rgba(255,000,000,0.7); \t --main-colorB: rgba(000,000,000,0.3); \t \t --border-width: 5

-2熱

2答えて

修整背景

... this is the look that I want 私は一色だけを持っているちょうどその時、それは完璧に動作し、回転/スキュー長方形でメソッドを使用して試してみました（私は形に同じ色を使うことができるので）以下のセクションで説明します。私が添付した画像のようなテクスチャを使用したい場合は、私が使用する方法に応じてthisを持つことになります。私も形状を作るためにsvgを使ってみました

2熱

1答えて

divの全文を表示する矢印

Hee！現在、私は次のnav が、以下のどのように私は私は矢印の高さを低くすることができますを取得し終わるを作成しようとしています一番下に追加しますが、全幅を維持しますか？ vwユニットとの国境三角形技術を用いて nav { position: relative; display: inline-block; height: 50px;