文字を虹色に光らせる自由装飾
文字をでっかくしたい！！！
文字を虹色にしたい！！！
↓ゲーミング文字(チカチカするのでちょっと隠し)
続きを読む文字を虹色に光らせたい！！！
畳む
文字を虹色に光らせたかったので、てがろぐの自由装飾で文字を虹色に光らせるcssを置いておきます

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

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

「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%;}
}

#自由装飾