CSSで設定した文字列をマウスで触れたときに拡大させたい

Question

抽象的な質問で申し訳ないのですが、CSSで大きさや位置などを設定した文字列を、Javascriptなどでロールオーバー（マウスオーバー？）、つまりマウスでそこに触れたときに文字のサイズを変更し、拡大される、というようなことは可能でしょうか？
調べたら背景を変えたり、画像を拡大や変色などはあったのですが、文字を触れたときの動きやサンプルコードがイマイチ見つからずにもしかしたらできないのではという疑問があります。
わかる方、可能かどうかだけでも構わないのでアドバイス頂けたら助かります。

Answer 1

こんな感じ？

<style>
p{
font-size:12px;
}
p:hover{
font-size:50px;
}

</style>
<p>test</p>

pをブロック化するか（display:inline-block;）
divの方がマウスホバー時の選択範囲が安定しそうですね。

指定が色にするかどうかだけでやり方は同じと思います。

Comments

[m.ts10806]

表示する位置とかは気になる部分もあるかと思いますので都度調整してください。

[Alt_]

天才です！！長々調べたのにこんなに簡単にできるとは・・・とても感謝です、ありがとうございます！！