3Dフォント/ホームページマスター

https://hmaster.net/

HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する方法を分かりやすく解説しているサイトです。初心者向けに見やすい、読みやすい作りになっています。

3Dフォント

下のスタートボタンを押してください。数秒後、文字が3Dのように立体的に浮かび上がり動き回ります。動きが不自然になったら何回かボタンを押してみてください。このページのタグはIEブラウザのF12キーを押して開発者ツールを表示→ドキュメントモードをIE7に選択し表示すると機能します。＊最新のブラウザでは機能しません。

F12デベロッパーツール

ソース


<input type="button" value="Start" onclick="if(value=='Start'){t=0;msg='★ホームページ★';ABC=setInterval('str=\'\';ml=msg.length; for(a=0;a<ml;a++){str+=\'<span id=\\\'tyu\\\'>\'+msg.charAt(a)+\'</span>\'};moon.innerHTML=str;t=t+10; for(i=0;i<ml;i++){ang=(t-(i*400/ml))*Math.PI/360;tyu.item(i).style.fontSize=30+Math.sin(ang)*30}',50); value='Stop'}; 
else{clearInterval(ABC); value='Start'}"><marquee id="moon" behavior="alternate" 
style="font:2px HGS創英角ﾎﾟｯﾌﾟ体; color:skyblue; height:100;"></marquee>

おもしろタグに戻る

Follow @hp_master_2003