PDA

View Full Version : سوال: عدم کار کردن transform در Opera



forodo
سه شنبه 06 آبان 1393, 20:56 عصر
سلام
کدهای css مربوطه رو قرار دادم ولی عکس که باید بزرگ شود و در حین بزرگ شدن 360 درجه هم بچرخد در اپرا فقط بزرگ می شود و چرخش در کار نیست. در بقیه مرورگرها درست است.
.Pic:hover img {
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
width: 236px;
height: 315px;
}

Rejnev
سه شنبه 06 آبان 1393, 21:43 عصر
وقتی یک شی رو 360 درجه بچرخونی برمیگرده سرجای اولش. این عمل چون خیلی سریع انجام میشه اصلا متوجه چرخشش نمیشین.
برای دیده شدن افکت این رو قبل از کد بالا بنویس:


.Pic img
{
transition:transform 400ms;
-o-transition: -o-transform 400ms;
/*go on for othre browsers...*/
}

forodo
سه شنبه 06 آبان 1393, 22:16 عصر
قرار دادم.
تو مرورگرای دیگه نشون میده چرخش رو فقط توی اپرا نشون نمیده. فقط بزرگ میشه:

<img style="transition: 1.5s all ease; -moz-transition: 1.5s all ease; -ms-transition: 1.5s all ease; -webkit-transition: 1.5s all ease; -o-transition: 1.5s all ease;" src="Images/dd22622.jpg" width="166" height="215" />