kazumalab tech log

流行りとリラックマと嵐が大好きです。技術的ログ。

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);
	
}