CSS - 對傾斜的身體應用漸變

-1

是否可以將垂直線性漸變應用於僅使用CSS的html標籤正文的最終形狀？ CSS - 對傾斜的身體應用漸變

非常感謝你提前..

2017-04-02 Jan Páv

.grad2 { 
 
     height: 100px; 
 
     background: linear-gradient(135deg, rgba(18,18,18,1) 0%, rgba(28,28,28,1) 9%, rgba(43,43,43,1) 24%, rgba(18,18,18,1) 40%, rgba(0,0,0,1) 49%, rgba(43,43,43,1) 50%, rgba(71,71,71,1) 61%, rgba(102,102,102,1) 75%, rgba(89,89,89,1) 88%, rgba(77,77,77,1) 100%); 
 
    }

<div class="grad2"></div>

檢查這個工具，它會幫助你非常多：http://www.cssmatic.com/gradient-generator#

來源

2017-04-02 12:33:51

你好，謝謝..這是不一個問題是，問題是右下側必須與左上側顏色相同。左上角顏色== botom左側顏色。如圖所示。 –

你可以很容易做到這一點，我給你的鏈接，只是移動圓圈來操縱梯度我做這個很快它可能是有用的背景：線性梯度（135deg，rgba（76,76,76,1）0 ％，rgba（44,44,44,1）0％，rgba（0,0,0,1）51％，rgba（71,71,71,1）51％，rgba（89,89,89,1））52％，rgba（43,43,43,1）68％，rgba（28,28,28,1）69％，rgba（17,17,17,1）70％，rgba（102,102,102,1）73 ％，rgba（17,17,17,1）73％，rgba（19,19,19,1）100％）; filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃4c4c4c'，endColorstr ='＃131313'，GradientType = 1）; –

CSS - 對傾斜的身體應用漸變

回答

相關問題