何らかの配布場

nanraka-no-haihu-ba

てがろぐ用のスキンを配布する場所

No.21

文字を虹色に光らせたかったので、てがろぐの自由装飾で文字を虹色に光らせるcssを置いておきます #カスタマイズ #自由装飾

参考：
→「CSSで色んなものを虹色に光らせる」
→「【html/CSS】虹色の作り方【背景・文字・アニメーション】」

●文字を大きくする(「deka」)
.deco-deka { font-size: 1.6rem; font-weight: bold; line-height: 2rem;}

「font-weight: bold;」部分はお好みで

●文字を虹色にする(「nizi」)
.deco-nizi {
   background: linear-gradient(to bottom, Magenta, yellow, Cyan, Magenta) 0 25% / 100% 70%;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: inline-block;
}

●文字を虹色にアニメーションさせる(「gaming」)
.deco-gaming {
   background: linear-gradient(to bottom, Magenta, yellow, Cyan, Magenta) 0 / 100% 200%;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: inline-block;
   animation: deco-gaming 2s linear infinite;
}

@keyframes deco-gaming {
   0% { background-position: 0 0;}
   100% { background-position: 0 -200%; }
}
畳む

つぶやき 2023/9/24(Sun) 17:08 edit_note

この投稿と同じカテゴリに属する投稿：
- カテゴリ「つぶやき」の投稿だけを見る (※時系列順で見る)
この投稿日時に関連する投稿：
- 2023年9月24日の投稿だけを見る (※時系列順で見る)
- 2023年9月の投稿だけを見る (※時系列順で見る)
この投稿に隣接する前後3件ずつをまとめて見る

« No.20 / No.22 »

初期表示に戻る

FREESPACE
フリースペースエリアです。
管理画面から自由に編集ができます。
・プロフィールとか
・リンク集とかにしてもいいかも

expand_less