2022年1月12日水曜日

[Blogger Template]Tricktree の背景をグラデーションにしてみる

Tricktree
Tricktree についてベースにしたコードのページのコメントのリンク先のものですが

背景部分のCSSだけ借用すると

変更前
body {
background: black;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
letter-spacing: 2px;
}

変更後
body {
background: rgb(98, 36, 241);
background: linear-gradient(151deg, #6224f1 19%, #67e1d6 100%);

color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
letter-spacing: 2px;
margin-bottom: 20vh;
}

赤字が変更部分
Tricktreeでなくても黒背景のテンプレートなら使えると思います。
グラデーションの例は探せばあると思うので一例として紹介

(関連):

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."