インタラクティブCSS

おしりたんてい

<a href="#" class="oshiri"><img src="http://www.oshiri-tantei.com/assets/img/logo2.png" alt="おしりたんてい"></a>
.post-365 {
cursor: url(http://www.oshiri-tantei.com/assets/img/cursor.png), auto;
}
a.oshiri {
  text-decoration: none;
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
   }
  a.oshiri:hover {
    cursor: url(http://www.oshiri-tantei.com/assets/img/pointer.png), pointer;
    text-decoration: none; }
  	
a.oshiri:hover img {
  animation: imgHover .2s linear alternate; }

@keyframes imgHover {
  0%, to {
    transform: scaleX(1) rotateX(0deg); }
  50% {
    transform: scaleX(1.1) rotateX(30deg); } 

この投稿へのコメント

コメントはありません。

コメントを入力するためにはログインが必要です。

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL