حرکت کردن لوگو

سلام
من در سایت افزونه جوملا به نشانی [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] یک لوگوی بسیار زیبا دیدم با توجه به اینکه این سایت زیر مجموعه سایت شما می باشد ممنون می شوم راهنمایی کنید که این لوگو را با جوا اسکریپ درست کردین یا با Css و در صورت امکان این کد ها را در اختیار کاربرانتان قرار بدین در css یک کد داریم که می شه تصویر را 360 درجه چراخاند حالا سوالم اینه چه طور شما این لوگو را دوتا کردین و لوگوی اول سر جاش هست و لوگوی دوم حرکت به جلو داره و بعد بر می گرده سر جاش با تشکر
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
کد برای چرخاندن 360 درجه تصویر

کد:

#logo { background-image:url(images/main.png); width:150px; height:150px; margin:auto; margin-top:100px; -moz-transition: all 5s ease 0s; opacity: 0.6; background-repeat:no-repeat; } #logo:hover { -moz-transform: rotate(360deg); -moz-transition: all 3s ease 0s; opacity: 0.9; }