© Style-5.net
 

マウスオーバーでテキストを拡大 CSS3

マウスオーバーでテキストを拡大するCSS3

DEMOページ


hover時のテキストカラーや数値はお好みで編集(数値が大きくなるほどテキストサイズも大きくなります)

a{
    display: inline-block;
    color: #111;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
 
a:hover {
    color: #111;
    -webkit-transform: scale(1.8,1.8);
    -moz-transform: scale(1.8,1.8);
    -o-transform: scale(1.8,1.8);
    -ms-transform: scale(1.8,1.8);
    transform: scale(1.8,1.8);
}