CSS-COLOR

//デフォルトカラー

.text-default

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

//白黒

.text-light

.text-dark

.text-body

.text-muted

.text-white

.text-black-50

.text-white-50

//SNSカラー

.text-line

.text-twitter

.text-facebook

.text-mastodon

.text-linkedin

.text-github

.text-qiita

.text-misskey

.text-soundcloud

.text-hint

.text-js

.text-html

.text-css

.text-php

red-text

pink-text

purple-text

deep-purple-text

indigo-text

blue-text

light-blue-text

cyan-text

teal-text

green-text

light-green-text

lime-text

yellow-text

amber-text

orange-text

deep-orange-text

brown-text

grey-text

blue-grey-text

mdb-color white-text

参考：⇒ふちどり生成

参考：⇒filter: drop-shadow()＆txt-shadow

影をつけるテキスト白影：z-shade-1ie

影をつけるテキスト白影：z-shade-1ied

影をつけるテキスト白影：z-shade-1

影をつけるテキスト白影：z-shade-2

影をつけるテキスト白影：z-shade-3

影をつけるテキスト白影:z-shade-1-d影つき影つき

影をつけるテキスト白影:z-shade-2-d影つき影つき

影をつけるテキスト白影:z-shade-3-d影つき影つき

影をつける影をつける:z-shade-1-w-t

影をつける影をつける:z-shade-2-w-t

影をつける影をつける:z-shade-3-w-t

影をつける影をつける:z-shade-1-w

影をつける影をつける:z-shade-2-w

影をつける影をつける:z-shade-3-w

影をつける影をつける:z-shade-1-wd

影をつける影をつける:z-shade-2-wd

影をつける影をつける:z-shade-3-wd

  
//class  z-shade-1 でテキスト・フォントアイコン用シャドー

アウトライン

outline

class="skich"

テキストサイズが標準の場合は、こうなりますよ！！！

skich風にロゴを装飾してみた！背景白の時

skich風にロゴを装飾してみた！

テキストサイズが標準の場合は、こうなりますよ！！！

1

数字と文字をwrapしてみた！


  テキストサイズが標準の場合は、こうなりますよ！！！
  スケッチ風文字


// ieでは効かない 形にそってシャドウ
drop-shadow(offset-x offset-y blur-radius color)

class="popval"

6,080円

    
      6,080円

参考：：ゴールドシルバー文字色

txt-gold:金色の文字1

txt-goldb:金色の文字1

txt-gold:単色：金色の文字1

金色の文字1

txt-silver:銀色の文字1

txt-silver:単色：銀色の文字1

銀色の文字1

  
.goldcolor span {
background-image: linear-gradient(0deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  color: transparent;
}