در این مطلب می خواهیم ابزاری را به اشتراک بگذاریم که شاید برای خیلی ها جالب باشد.به وسیله ی این ابزار،هنگامی که موس کامپیوتر روی تصاویر وبلاگ یا سایت می رود،تصاویر کج می شوند و هنگامی که موس برداشته می شود،تصاویر به حالت اول برمی گردند.
استفاده از این ابزار کار آسانی است،کافی است به ادامه مطلب بروید.
طریقه استفاده از این ابزار:
کد زیر را کپی کنید،سپس به ویرایش قالب خود رفته و آن را قبل از تگ <head/> قرار دهید
کد زیر را کپی کنید،سپس به ویرایش قالب خود رفته و آن را قبل از تگ <head/> قرار دهید
<style type="text/css">
img {
transition-property:transform;
transition-duration:1s;
-moz-transition-property:-moz-transform;
-moz-transition-duration:1s;
-webkit-transition-property:-webkit-transform;
-webkit-transition-duration:1s;
-o-transition-property:-o-transform;
-o-transition-duration:1s;
}
img:hover {
-moz-transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(5deg) translate(0px, 0px) skew(0deg, 0deg);
}
</style>