Demo
Để thực hiện thủ thuật này bạn vào "Chỉnh sửa HTML" [Ctrl+F] và tìm đến
]]></b:skin>
Sau đó dán đoạn code CSS dưới đây vào trên nó rồi "Lưu Mẫu" để xem thành quả.PTT-css3{cursor:pointer;border:3px solid #6b6b6e;background-color:#f2ac08;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcd600',endColorstr='#f2ac08');background-image:-webkit-linear-gradient(top,#fcd600 8%,#ffba3b 55%,#f2ac08 100%);background-image:-moz-linear-gradient(top,#fcd600 8%,#ffba3b 55%,#f2ac08 100%);background-image:-ms-linear-gradient(top,#fcd600 8%,#ffba3b 55%,#f2ac08 100%);background-image:-o-linear-gradient(top,#fcd600 8%,#ffba3b 55%,#f2ac08 100%);background-image:linear-gradient(top,#fcd600 8%,#ffba3b 55%,#f2ac08 100%);padding:18px 36px;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 3px 11px #515151;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 3px 11px #515151;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 3px 11px #515151;text-shadow:0 1px 0 rgba(0,0,0,0.3);color:#140114;font:normal 20px 'Century Gothic',Helvetica,Arial,Sans-Serif;text-decoration:none;outline:none;vertical-align:middle}
.PTT-css3:hover{border-color:#4a4743;background-color:#fcc203;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcc203',endColorstr='#de7104');background-image:-webkit-linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);background-image:-moz-linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);background-image:-ms-linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);background-image:-o-linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);background-image:linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);color:#fff}
@-webkit-keyframes hue{100%{-webkit-filter:hue-rotate(360deg)}
}
img:hover{-webkit-animation:hue 1s linear infinite}
Chúc các bạn thành công!
Labels:
Thủ Thuật Blogger
.PTT-css3:hover{border-color:#4a4743;background-color:#fcc203;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcc203',endColorstr='#de7104');background-image:-webkit-linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);background-image:-moz-linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);background-image:-ms-linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);background-image:-o-linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);background-image:linear-gradient(top,#fcc203 0%,#fa8805 50%,#de7104 100%);color:#fff}
@-webkit-keyframes hue{100%{-webkit-filter:hue-rotate(360deg)}
}
img:hover{-webkit-animation:hue 1s linear infinite}
Responses
0 Respones to "CSS đổi màu ảnh khi rê chuột đến ảnh trong blogger/blogspot"
Post a Comment