css-shapes

3熱

3答えて

divをこのようにするには？あらゆるアイデアをお願いします。ここでは、これまでの私のコードです：ここでjsFiddle .triangle-up-left { width: 0; height: 0; border-style: solid; border-width: 20px 15px 0 0; border-color:

4熱

3答えて

三角形の罫線のグラデーションエフェクト

罫線のグラデーションエフェクトを追加する必要があります。三角形の形状である境界ここでをthe jsfiddle code .progress-indicator-wrapper { margin: 0 10px; font-size: 16px; color: #2f2f2f; background-image: linear-gradie

3熱

2答えて

divのすべてのコーナーからの部分的な境界CSS

各コーナーから始まるdivのすべてのエッジに部分的な境界を付けることは可能ですか？私は避けたい背景イメージプロパティ&これを達成するためのCSSのみのソリューションを使用します。擬似：のプロパティの後に部分的な枠線を使用することはできますが、すべての端にどのように配置するのか把握できませんか？添付画像に示すように、divはフォーカスウィジェットのように見えるはずです。感謝。

0熱

2答えて

HTML/CSSテーブルを使用して心を描く方法は？

私は心を描くしようとしている：Codepen table tr td:nth-child(n+3):nth-child(-n+7) { background-color: red; }

0熱

1答えて

circlebar.js：11 Uncaught TypeError：$（...）。find（...）。circleが関数ではありません

jQueryでサークルバーを作成しようとしていますが、これは解決できません。グーグルで回ったが、何も起こらなかった。誰も私はこのエラーを修正する方法を知っていますか？このため、コードをスニペットで実行することはできません。だから、これを下降させないでください。それはこの問題の一部です。あなたがちょうどあなたのhtmlを経由してjQueryと円の進捗状況のjsファイルをインクルードする必要があると思

17熱

4答えて

接続丸い四角形以下に添付画像のとおり、私は、DIVのロゴを作成するにはどうすればよい

：これは私がJsFiddle 主な問題は、私が接続して行う方法ですで作成したものです下の画像のような形の2つのボックスは、誰でもお勧めできますか？合わせるとmaking double curves with CSSの手間を考えると body,html { width: 100%; height: 100%; margin: 0; } body

3熱

2答えて

このCSSシェイプが左右にスクロールしないようにするには

この図形は反応的で、同じ方向を保ち、それでもページを下にスクロールできるようにします。問題は、そのサイズのために、私が避けたいと思う左右にスクロールすることです。 overflow: hidden;を親要素（本文）に設定すると、他のすべてのコンテンツは、それに到達すると下部に消えます。余分な部分を「カット」するために、ページを左右にスクロールしないようにする方法はありますか？ https://j

0熱

3答えて

異なる色の文字をスタイルする方法

色のオーバーフローを隠す文字を使用したいと思います。 Googleのアイコンのようなものがありますが、CSSで完全に構築されています。その赤い矩形のオーバーフローを隠すためのソリューションはありますか？ Googleロゴを再構築したい。 CSSグラデーションを使用して #letter { \t background: white; \t font-family: "Product Sa

8熱

3答えて

CSS/HTMLのみを使用してピラミッド形状を作成する

CSSでピラミッドのような形状を作成しようとしています。私はインターネット上で読んでいる方法でそれをやっています。Divの幅を0ピクセルに設定すると、ボーダーは4つの三角形を作成するようになります。しかし、私はピラミッドの尖った先端を削除/カットしたいので、私はそれを行うことができませんでした。私は他のDIVとヒントを隠そうとしましたが、それは正しく見えません。現在の形状：以下は私がこれまで

-3熱

1答えて

CSSボーダー半径との国境

このさ：だから、私は、バナーに100px 20pxののborder-top-右半径を与えました。私はイメージのボーダー半径をコピーすることができました。問題は私が国境をコピーできなかったことです。私はborder:10px solid #fffを適用しようとしたと歪んだ/奇妙に見えます。ここで私が今持っているものです。