cssをちょっとこいじろう。
kazuma.です。
今日はcssをいじってみよう!ということで、HPをいい感じにしていきます。
(前回のFC2タグいらない問題は解決できたと思われ。)
今回はiconを回転させてみました。
サイトで試してみてください。
KazumaLab.
うーんやはりFC2が邪魔をする。笑
ちなみにアイコンは回転しました。
#facebook { width: 60px; height: 38px; background: #; border: 1px solid #DDD; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; color: #111; padding: 42px 20px 20px; position:absolute; top:60%; left:40%; background-image:url(../images/facebook.png); background-position:center; background-size:contain; transition: all 1s ease; /*この2行の追加です。*/ -webkit-transition: all 1s ease; } #facebook:hover{ transform:rotate(360deg); /*ここで回転させます*/ -webkit-transform: rotate(360deg); }