radial-gradients

0熱度

2回答

我正在使用repeating-radial-gradient創建點分背景效果。但是，我需要將頂部和底部邊緣淡化爲不透明度爲0而不知道背景顏色是什麼。有什麼辦法可以在IE 11+中使用CSS嗎？ body, html { padding: 0; margin: 0; width: 100%; height: 100%; bac

0熱度

1回答

黑色到白色的徑向漸變給整個黑色屏幕

使用Core Graphics創建黑色到白色的徑向漸變應該非常簡單，但即使經過多次嘗試，我也無法確定我出錯的位置。我想是這樣的：這是我的代碼： CGFloat radius = shapeRect.size.width/2.0; CGPoint center = CGPointMake(shapeRect.origin.x+shapeRect.size.width/2, shapeRect.

7熱度

2回答

純CSS漸變圓邊界

我有這樣的UI要求此刻，我有一個div的工作溶液（具有固定的高度和寬度以及外部梯度邊界的背景圖像）和僞元素，定位absolute與內部邊界的背景圖像。 .div { position: relative; width: 254px; height: 254px; border: 2px solid transparent; border-radi

0熱度

1回答

繪製UIView的徑向漸變iOS上半部分區域

func drawRadialGradient(context:CGContext , rect:CGRect , startColor:UIColor , endColor:UIColor){ let colorSpace = CGColorSpaceCreateDeviceRGB() let colorComponents = [startColor.cgColor,en

1熱度

1回答

如何用CSS3製作具有徑向漸變的圓形框架？

我需要在透明中心周圍創建一個圓框。該框架具有從內邊界到外邊界的徑向漸變。圓div很容易與邊界半徑50％。問題是向邊界添加了徑向漸變。我嘗試使用border-image，border-color，box-shadow，radial-gradient沒有任何成功，而使用background-image我沒有設法使透明中心。有什麼建議嗎？感謝，恩里科

2熱度

2回答

如何清除鋸齒？

我的代碼 - Fiddle body{ background: url('http://i.imgur.com/RECDV24.jpg'); background-size: cover; } div{ width: 150px; height: 150px; background-image: radial-gra

2熱度

2回答

XSL-FO中的進度 - 徑向，線性梯度

是否可以使用SVG或其他方式在XSL-fo中創建徑向進度條？我有一個任務可以從xsl-fo中編寫的XSL生成pdf文檔。我們的CSS專家爲它編寫了代碼（但不能幫助我使用pdf生成和xsl-fo），但不知道如何在xsl-fo中重新創建它，以便PDF文檔具有正確的進度條百分比。這是我應該重新什麼：他的CSS代碼 Radial progress bar 部分是： .progress-radial {

-1熱度

2回答

如何在視圖中切出一個具有徑向漸變的孔

我有一個透明的光孔視圖，一個視圖疊加超級視圖，並且在封面視圖中有一個孔漸變圓視圖，超級視圖仍然可見。我不知道實行梯度光孔來看，任何人都可以幫我編輯 ============ 我嘗試添加封面查看全屏，封面視圖背景顏色清晰，並將自定義CALayer作爲子圖層添加到封面視圖圖層。的蓋視圖實現： @implementation CoverView - (instancetype)initWithFr

3熱度

3回答

是否可以彎曲線性漸變CSS？

我想通過CSS創建這個「旋風」。 http://imgur.com/a/wOyvk（無梯度）我試圖與徑向漸變這樣做，但是，我不能得到漸變爲「關閉」突然，隨着坡度接近中心。最好的辦法是以某種方式彎曲班輪梯度？這就是我到目前爲止，我不想讓藍色在角落裏，我只是想要一個「切片」的梯度沿着圖像。 https://jsfiddle.net/uh882Lcw/ HTML <div class="banner

0熱度

1回答

CSS：對於另一個類似的徑向梯度，切片徑向漸變50％在底部？

如果我有這樣的： https://codepen.io/anon/pen/MveydB body { width: 100vh; height: 100vh; background-image: radial-gradient(circle closest-side, #00bffb, rgba(0, 0, 0, 1)); } 我怎麼能有這樣的事情，而不是？：這是不可能