[abandoned]フタハナおしゃれプロフ用タグ

HTML非対応になったので使えなくなりました!!!
でもなんか使えるっぽい…?

基本

<center>中央揃え</center>
<right>右揃え</right>

水平線の真ん中に文字を入れる

<div style="display:flex;width:100%;align-items: center;"><div style="flex-grow:1;height:2px;background:red;"></div><div style="margin:0.6em">おテキスト</div><div style="flex-grow:1;height:2px;background:red;"></div></div>

background:red;を変えると色が変えれます

ページ全体に画像をかぶせる(サンプルはノイズ)

<style type="text/css">body{position: relative;}body::after{position:absolute;content:"";background:url(https://krig.jp/img/noise.png);width:auto;height:auto;top:0;bottom:0;right:0;left:0;opacity: 0.6;}</style>

特殊なやつ

外部スタイルシート利用でお手軽おしゃれに
以下を利用する場合は必ずこれを設置してください。

<link rel="stylesheet" type="text/css" href="https://krig.jp/css/ft.css?040820">

マウスカーソル乗せるとふわっと出てくる秘密の文章

<div class="hide"><div>ここに文章</div></div>

スマホの場合タップが必要です

動くノイズエフェクト

<span class="glitch" data-text="ここにテキスト">ここにテキスト</span>

※フタハナのプロフィールページがスマホに最適化されていないので、表示が小さくなります

砂嵐風ノイズエフェクト

<span class="noisy">ここにテキスト</div>

こちらはコピペで読めます

その他

こういうの出来ますかっていうのとかついったーで聞いてみて。

他に思いついたら書き足す予定だけど、思いつかないとおもうので、期待しないでください。
追加されるようなことがあったらついったーで報告します