clip-path

    0

    1答えて

    に並べて座って斜めのスライスのレイアウトの実現 - をそして私は、私はクリップを使用することができますよう完璧であるhttps://bennettfeely.com/clippy/に遭遇しましたが-path:ポリゴンは私の形を作成しますが、その上でのサポートは偉大ではありません(IEでは動作しません)。私はpolyfillsを見つけようとしましたが、まだ適切に動作するものは見つかりませんでした。

    0

    1答えて

    SVGクリップパスを40%右に移動するには? https://jsfiddle.net/vtgmsyg0/ マイネストされた "SVGは" ...私はこのために、ネストされたSVGを使用 ...それは価値の40%の "X座標" に指定さに応答していない <svg width="120%" height="855"> <svg width="900px" height="855px" x=

    1

    1答えて

    右側に角が付いたボタンがあります。これはクリップパスと:after擬似セレクタを使って実現しました。これは、それがどのように動作するかです: a { height:40px; line-height:40px; color:#fff; background:red; display:inline-block; pa

    0

    1答えて

    CSSグリッド、クリップパス、トランスフォームを試していて、奇妙なバグがあります。設定は次のとおりです:SVGによってクリップされたいくつかのアイテムを含むグリッド。それぞれがイメージとテキストを含み、ホバーにスケール変換を加えたものです。 私が見ているバグは、クリップされていないアイテムがミリ秒間表示されていることをクリップパスで時々「点滅」することです。これまでChromeとOperaでこの動

    0

    1答えて

    SVG clipPathを、固定配置の別の背景divに適用しようとしています。 clip-pathは、元のSVG要素の正確な位置に留まり、それに応じてスクロール(または別の方法で変形)したときに動くようにしたいと思います。 代わりに、クリップパスがターゲット要素の原点を基準にして挿入され、すべての位置、スクロール、および変換が失われるということです。原点のプロパティを保持し、これらを別のdivに適

    0

    1答えて

    私は、次のようなパスを持っている: <path class="path" d="M0,550L0,366.6666666666667C0,366.6666666666667,95.43389463154384,198.61111111111114,143.31860620206734,183.33333333333337C191.20331777259085,168.0555555555556..

    0

    1答えて

    カラムコンポーネントの背景は、コンテナを使用してスケールする必要があります。アスペクト比=常にクリッピングパスのような完全な円形を維持します。後でクリッピングパスをより洗練された形にしたいと思いますが、デモの目的で私はサークルを使用します。 これは、今どのように見えるかです:右のアスペクト比で、常に滞在する形状にする方法 と: これはどのようにすべきです列のスケーリングも可能ですか? body {

    1

    1答えて

    私は誰かがボタンをクリックするたびに、各画像にランダムなクリップパスを作ろうとしています。 何らかの理由で、最初の画像のみがカットされます。他は同じままです。 私はcodepenでコードを送信して切り取りました。 ご協力いただきありがとうございます。 https://codepen.io/fredericopimpao/pen/ZvBOwN?editors=1111 var test = docu

    0

    1答えて

    メインページのレイアウトのヘッダーをの下の2つの画像に分割する際の問題に直面しています。から右上です。私が見つけたすべてのリソースは2つの色に分割されています。しかし、写真を追加したいときは、結果が見えませんでした。 私はコードを参照してくださいと私は class-image-1 { background-image: url(/img/imag-1-bg.png); heig

    0

    1答えて

    私は対角線側のナビゲーションバーで作業していますので、クリップパスを使用しますが、ドロップダウンメニューは機能しません。どうすれば修正できますか? ありがとうございました。 サンプルコード https://www.bootply.com/HBn3AUWrKQ