• - Facebook Page

  • - GOLE1

  • - Google+

  • - My Room

  • - 周辺風景1

  • - 周辺風景2

  • - Highway1

  • - Highway2

  • - Steam

  • - My site

  • - Profile

  • - 周辺風景3

´Д`)< 短い夢だった……

_(:3 」∠)_

今朝のPV数を確認すると、昨日の半分になっていた;´Д`)イッタイナゼ
何か問題発言でもあっただろうか。二人に一人を興味対象から外させるような何か。

まあいいか、いつも通りに戻りつつある感じで。またのんびりやっていくかな。

 

しかしあの動画ヘッダ、それなりに参照してもらっているみたいで需要はあるのかなと思う。
個人的にももう少し使いやすい形にしたいとは思うものの、ブログの制限がひどくていかんともしがたい;´Д`)

 

おわびのしるしというわけではないですが、ブログで使えるかもしれない小ネタでも。

小ネタのコーナー

今回で終わりになるかもしれないこのコーナー。本日ご紹介するのはこちら!

  • 文字の縁取り表示と
  • 文字の形に切り抜いて表示

です。ついさっきネットで拾ってきた;´Д`)


ふちどり
  • HTMLタグspanでもpでもaでもdivでも何でもこいです
  • 黄色のマーカー部分が装飾を定義しています
  • アンダーライン部分フォントの大きさを指定しています。いい感じに変更してください。
<span style="font-size:1.5em;color:#fff;text-shadow:-1px 0px 0px #000,0px -1px 0px #000,1px 0px 0px #000,0px 1px 0px #000;">ふちどり</span>

 

文字の形に切り抜いて表示
  • HTMLタグspanでもpでもaでもdivでも何でもこいです
  • 黄色のマーカー部分が装飾を定義しています
  • アンダーライン部分フォントの大きさと切り抜く画像のURLを指定しています。いい感じに変更してください。
<span style="font-size:1.5em;color:#fff;background:url(https://exsample.com/folder/picture.jpg);background-size:contain;-webkit-text-fill-color:transparent;-webkit-background-clip:text;">文字の形に切り抜いて表示</span>

それではまた~