1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

背景色をグラデーションする方法

Posted at

CSSを使って背景濁をグラデーションにする方法

background: linear-gradient(-135deg, #FF00FF, #9941D8);プロパティーを使用します。

具体的なコードに書き方

form input[type="submit"] {
  background: linear-gradient(-135deg, #FF00FF, #9941D8);
}

結論

1.deg値
 角度を表す値で、右回りですと360度、左回りですとー360度と記述します。
上記の-135は時計の7時から8時の方向にグラデーションしていきます。
2.#FF00FF, #9941D8値
 カラーを表す値で、何色から何色にグラデーションしていくか決めることができます。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?