You are not connected. Please login or register


Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down Thông điệp [Trang 1 trong tổng số 1 trang]


1[CSS] Hiệu ứng ảnh rung cho 4r Empty [CSS] Hiệu ứng ảnh rung cho 4r Wed Jan 30, 2013 1:04 pm

Quân Joker
Quân Joker

Admin - Founder
 Admin - Founder

Tiêu đề: [CSS] Hiệu ứng ảnh rung cho 4r

Hì hì, cái hiệu ứng ảnh rung này vui lắm nha! Nhét thử vào rum bạn xem 73

Cho vào CSS code nì:
Code:
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
img{-webkit-filter:grayscale(0);display:inline-block;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out}
img:hover{-webkit-filter:grayscale(0)}
img:hover,img:focus{-webkit-animation-name:spaceboots;-webkit-animation-duration:.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}

Nhấn Submit, ra ngoài 4r và thưởng thức sự rung rung vui nhộn này nào! 28
Tài sản của Quân Joker

Character sheet
Huy chương:


Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]



Permissions in this forum:
Bạn không có quyền trả lời bài viết


Diễn đàn hiển thị tốt nhất trên Google Chrome ♥♥♥