09 November 2018

CSS ảnh xoay tròn - tốc độ tùy chỉnh - CSS rotate image

<img class="app-logo" src="" width=200 heigth=200/>

CSS ảnh xoay tròn theo chiều kim đồng hồ
.app-logo {
  animation: app-logo-spin infinite 5s linear
}

@keyframes app-logo-spin {
  from {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(360deg)
  }
}

CSS ảnh xoay tròn ngược chiều kim đồng hồ
.app-logo {
  animation: app-logo-spin infinite 5s linear
}

@keyframes app-logo-spin {
  to {
    transform: rotate(0deg)
  }
  from {
    transform: rotate(360deg)
  }
}

0 nhận xét:

Post a Comment

 

BACK TO TOP

Xuống cuối trang