موضوعات :
با استفاده از این کد میتوانید در هدر یا قسمت های دیگر وب سایت خود عکس را قرار دهید که با رفتن موس روی آن ، عکس به دور خود بچرخد !
منبع : Www.IraN-MaNaGeR.rZb.Irاین کد را در قالب خود بین دو تگ Head قرار دهید
| <style>.arm {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; z-index:10 }.arm:hover { -moz-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); }</style> |
و این کد را هم در هرجایی که میخواهید عکسش بچرخد قرار دهید
| <div class="base"> <div class="midlle"> <div class="arm"></div> <div class="logo"><style>.arm {width:128px;height:128px;float:right;background:url( https://rozup.ir/up/enterweb/enterweb.png ) no-repeat;</style></div></a> |
