Hiệu ứng xoay tròn khi rê chuột vào ảnh trong blogspot Chủ Nhật, 23 tháng 11, 2014

Thủ thuật này giúp tạo ra hiệu ứng xoay tròn ảnh 360 độ khi bạn ghê chuột vào hình ảnh giúp làm cho blog được thú vị hơn ngoài ra còn bo tròn hình ảnh lại 50%. Bạn có thể tùy chỉnh lại.

Cách thực hiện:

Bước 1:
Vào mẫu và tìm thẻ ]]></b:skin>
Bước 2:
Dán đoạn code bên dưới vào trước nó

.post img {
    overflow: hidden; 
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.post img:hover {
    border-radius: 50%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}