clip-path

    3熱度

    1回答

    如何使剪輯路徑在Microsoft Edge上運行？

    在爲Firefox和Microsoft Edge（ME）製作剪輯標頭時，我使用了clip-path。它只適用於Firefox元素中的clipPath元素和HTML元素中的clip-path樣式。當我在ME上打開相同的代碼時，它不顯示任何內容。 html,body,header { \t margin:0px; \t height:100%; font-f
    html css svg microsoft-edge clip-path 2016-09-13

    0熱度

    1回答

    響應式svg clipPath與背景圖像

    我需要將SVG作爲剪貼路徑應用於具有重複背景圖像的容器。在這種情況下，這個效果將意味着一段SVG文本的紋理背景。 我已經設法使這與以下工作; <div class="word"> </div> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 550.6 144.52" height="0" width="0"> <clipp
    svg clip-path 2016-08-02

    2熱度

    3回答

    減少兩個剪輯圖像之間的間距

    我正在使用剪輯路徑剪切兩個圖像。其結果是 一切都很好，但我想，以減少這些圖像之間的距離就這樣 .clip-wrap { display: inline; } .element { -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 60% 100%); clip-path: polygon(0 100
    html css css3 clip-path 2016-09-22

    7熱度

    1回答

    d3.js筆刷填充顏色直方圖

    我創建了一些直方圖d3.js。 我設法改變rect的填充顏色，具體取決於brush的位置。 但我想改變一個rect內的顏色。例如，如果brush start在rect的中間，我想讓我的rect有兩種顏色。 目前，這是我有： 這是我想擁有的一切： 我已經見過像Here一些例子。我是d3的新手，我嘗試瞭解代碼。 我看到他們使用clip-path，當他們沒有畫筆時，他們肯定會隱藏背景欄，並根據畫筆的範圍
    javascript d3.js brush clip-path 2016-08-05

    0熱度

    1回答

    通過JavaScript添加SVG剪輯路徑屬性的問題

    我目前正在嘗試在Google衡量圖表上獲得類似錐形漸變的內容。 你可以看到我在那個小提琴上的嘗試：https://jsfiddle.net/fqt8pjuw/ 我在HTML畫布上添加了一個測量圖和圓錐形漸變。 然後，我將一個路徑元素添加到SVG剪輯路徑中： 此路徑元素從量表中的紅色條獲取路徑。 最後，我創建image-Element並將所有元素添加到svg中的指定元素。 但不幸的是，剪輯路徑似乎並
    javascript svg clip-path 2016-09-28

    1熱度

    2回答

    用於Firefox和IE9的剪輯路徑替代方案+

    我正嘗試使用CSS剪輯路徑構建類似於屋頂的東西。 不幸的是我注意到IE和Firefox不支持剪輯路徑。 我的問題：構建與IE和Firefox兼容的多邊形的好方法是什麼？而且這些多邊形需要有陰影和一些文本內容。 這是我夾路徑例如： .roof-left { \t width: 280px; \t height: 280px; \t background: #1e90ff; \
    css3 internet-explorer firefox polygons clip-path 2016-08-12

    2熱度

    3回答

    帶邊框和背景圖像的自定義CSS形狀

    嗨，大家好我只是試圖在CSS/sass中做到這一點！邊界必須改變翻轉和背景可能是一個圖像！我試圖SVG和clipPath，的Transform3D沒有任何成功！這裏舉例
    css html5 sass css-transforms clip-path 2016-08-24

    0熱度

    1回答

    如何在檢查CSS位置之後修改Safari 9.1問題並轉換剪輯路徑？

    我在Safari 9.1中看到的行爲似乎是Safari中的一個錯誤，但我在這裏看看它是否是我的代碼的問題。 我有一個網站正在過渡用戶操作上的CSS形狀多邊形剪輯路徑。它適用於Chrome 50，但不適用於Safari。在Safari上，當another plugin使用jQuery檢查相關元素的CSS位置時，剪輯路徑停止轉換。 您可以在my pretty minimal codepen（轉載如下）
    jquery css3 safari css-transitions clip-path 2016-05-17

    0熱度

    3回答

    爲什麼下面的CSS規則不起作用？

    我有一個形象在我的標記： <img src="http://img-url/img.jpg" /> 這是我的CSS： img { clip-path: polygon(70% 0%, 60% 40%, 90% 90%, 0% 50%) fill-box; } 它的工作原理，如果我刪除fill-box部分。那麼，我用錯了嗎？從MDN的語法似乎是： <clip-source> |
    html css css3 svg clip-path 2016-05-21

    0熱度

    1回答

    CSS - 在剪輯路徑多邊形上添加邊框顏色

    我正在第一次使用剪輯路徑，我需要在此形狀中添加邊框。任何人都可以解釋我該怎麼做？ .image-center { width: 300px; height: 300px; margin: 0 auto; } .shape { width: 300px; height: 300px; -webkit-cl
    css3 sass clip-path 2016-09-15
最新問題