این کد css رو کسی بلده؟

[sina110 10]

سلام دوستان کسی بلده این کد چرخش عکس تو سایت چه جوری درست شده؟

تو این سایت قسمت از سیر تا پیاز رو نگاه کنید وقتی با موس رو عکس می رید عکس می چرخه.

آژانس سفری دیگر، تورهای مسافرتی خارجی و داخلی، رزرو هتل، ویزا، تورهای نمایشگاهی - سفری دیگر

[anarshia 12]

درود

دوست گرامی برای تصویر مورد نظرتون باید یم هاور تعریف کنید و کد زیر را برای آن اعمال نمایید

    transform: rotateY(180deg);

اصل ماجرا همین هست اما برای اینکه در جزییات هم خوب در بیاد کد زیر را که در همان وبسایت استفاده شده بررسی کنید

#iconnav ul li {
   float: right;
   list-style: none outside none;
   margin: 0 10px;
   perspective: 1000px;
}
#iconnav ul li:hover a {
   transform: rotateY(180deg);
}
#iconnav ul li a {
   display: block;
   height: 365px;
   position: relative;
   transform-style: preserve-3d;
   transition: all 0.6s ease 0s;
   width: 220px;
}
#iconnav ul li a img {
   backface-visibility: hidden;
   display: block;
   left: 0;
   position: absolute;
   top: 0;
}
#iconnav ul li a img.back {
   transform: rotateY(180deg);
}

اینجا و اینجا را هم ببینید

ویرایش شده در مهر 93 توسط anarshia

[amir_seddighi 146]

درود

این مورد رو هم بررسی کنید : پلاگین ایجاد افکت های تصویری زیبا با نام MooImage_CK برای جوملا نسخه های 1.5 و 2.5