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

こんにちは感謝問題は、右下側が左上側と同じ色でなければならないという問題です。左上の色==ボトムの左の色。図に示すように。 –

あなたは簡単に、グラデーションを操作するためにサークルを移動させたリンクでこれを行うことができますこれはすぐに役に立ちます background：linear-gradient（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％）; フィルタ：progid：DXImageTransform.Microsoft.gradient（startColorstr = '＃4c4c4c'、endColorstr = '＃131313'、GradientType = 1）; –

CSS - 傾斜したボディにグラデーションを適用する

答えて

関連する問題