radial-gradients

    0熱度

    1回答

    我正在使用HTML5和JavaScript的畫布標記來訪問畫布方法和屬性。 此代碼適用於Chrome,但不適用於Firefox:http://jsfiddle.net/thirtydot/BD3xA/。 有誰知道爲什麼?

    0熱度

    1回答

    我一直在嘗試用CSS3徑向漸變,並用好看的梯度想出了: background-image: -webkit-radial-gradient(center 110%, 80% 100%, transparent 20%, #22853D); 現在,我試圖使它跨瀏覽器。對於舊的-webkit-gradient('radial')語法,上面的等價物是什麼? UPDATE 簡單地說,它可以用舊的語法繪

    0熱度

    1回答

    在HTML5當我們想通過我們使用徑向漸變填充形狀: ctx.createRadialGradient(centerX1, centerY1, radius1, centerX2, centerY2, radius2); 而是由圓形徑向梯度此填充形狀。如何填充橢圓徑向漸變?

    0熱度

    1回答

    我遇到了一些CSS徑向漸變的問題。 我很簡單的原型可以在這裏看到http://payment.hvan.lt/pt/。 在Chrome/Safari/Firefox中,背景漸變顯示正確,但是,由於頁面沒有內容填滿整個屏幕,背景僅停止,一半的屏幕呈白色。如果我使用重複,那麼圓也重複,我得到我不想要的。 在Opera中,根本不顯示漸變背景。 我想要做的是,我們可以看到屏幕中間頂部的白色圓圈將轉向每個方

    6熱度

    3回答

    出於某種原因,我的Firefox doesn't顯示徑向漸變使用畫布的時候,沒有人知道爲什麼嗎? (我不擁有其他計算機上的這個問題) 這裏是一些代碼I'm的使用: var canvas = document.getElementById ("layer2") ; var context = canvas.getContext ("2d") ; var radgrad2 = context.cr

    2熱度

    1回答

    http://jsfiddle.net/nicktheandroid/F8v2c/3/ 我試圖使該2個同級元素之間無縫流動的徑向梯度 - 從起始按鈕右邊的10px或20px,流過「.content」div大約一半的位置。 我相信這只是正確地定位兩個元素的漸變,所以它看起來像是一個流動的徑向漸變,這就是問題所在,我一直在試圖做到這一點,但我感到沮喪 - 答案可能會有所幫助其他。 有菜單後面的背景,所

    4熱度

    1回答

    我如何使寬度和高度的半徑爲200px?我讀過這可以以像素爲單位完成,但每次嘗試都失敗了。 background-image: -webkit-radial-gradient(75% 100%, circle farthest-corner, #ffffff, #ff7ae9 33%); background-image: -o-radial-gradient(75% 19%, circle fa

    7熱度

    2回答

    我需要橢圓或橢圓形狀的徑向漸變,看起來像CGContextDrawRadialGradient只能繪製一個完美的圓。我已經繪製到方形上下文,然後複製/繪製到矩形上下文中。 有沒有更好的方法來做到這一點? 謝謝!

    0熱度

    1回答

    嘗試將徑向漸變設置爲bg。問題是,所有其他瀏覽器顯示漸變,在Firefox不。怎麼了?產生這個網站http://www.colorzilla.com/gradient-editor/這個代碼(與IE9支持) background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4

    2熱度

    1回答

    是closest-side仍然是radial-gradient的有效選項嗎?直到鉻(18.0.1003.1 DEV)的最新開發版以下radial-gradient工作: -webkit-radial-gradient(center -12px, circle closest-side, white 0, black 38px); 而產生這樣的效果: 現在,更新至18.0.1003.1開發後,它