SM-Mahdavi

چرخش عکس در کادر (بدون اینکه از کادر بیرون بزند )

3 پست در این موضوع قرار دارد

سلام

به عنوان مثال این کد را دارم:


<div class"p"><img src="img1.jpg"></div>

می خوام عکس داخل دیو رو transform بدم بدون اینکه از دیو بیرون بزنه. یعنی داخل همون دیو بچرخه. چه استایلی باید به دیو اضافه کنم؟

2

به اشتراک گذاری این پست


لینک به پست

.p {
width:150px;
height:150px;
overflow:hidden;
}
.p:hover img {
-moz-transform: rotate(7.5deg); /* FF3.5+ */
-o-transform: rotate(7.5deg); /* Opera 10.5 */
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */
-ms-transform: rotate(7.5deg); /* IE9 */
transform: rotate(7.5deg);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6,IE7 */
M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')";
}

7

به اشتراک گذاری این پست


لینک به پست

مرسی استاد

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط pouria1980
      با سلام به دوستان 
      برای یک سری تغییرات ظاهری در سایت به فردی آشنا به سی اس اس نیازمندیم . میزان دستمزد با توجه به میزان تغییرات و مدت زمان صرف شده مشخص خواهد شد.
       
    • توسط madidi
      سلام 
      چطور میشه شرط برای یه المان تعریف کرد ؟
      مثلا اگر در یک قسمت [500px*500px] با فونت 15px بصورت کامل متن پر شد بجا اینکه ارتفاع اون دیو زیاد بشه یا اسکرول بخوره یا ... سایز متن از 15 به 12 بصورت خودکار تغییر کنه تا اون دیو همون جوری بدون تغییر بمونه ؟
    • توسط mihanpsd
      سلام میخوام وقتی موس به سمت محصولات حرکت داده میشه ، عکس hover محصول نمایش داده نشه و حرکت نکنه . همون عکس بصورت ثابت باقی بمونه .
      ممنون میشم راهنمایی کنید .
      http://mashinno.com 
       
    • توسط AmirHosseinGT
      سلام
      من برای بار اول دارم برای ی سایت کوچیک قالب مینویسم
      ی مشکل دارم
      توی سایت tarfandestan.com ک میرید سایت بکگراند بلور داره ک هرچقدر زوم بک یا زوم این کنیم بکگراند ثابت میمونه و فقط عناصر داخلش بزرگ کوچیک میشن
      من کدی ک خودم برا بکگراند نوشتم این بود


      .body{height:100%;background:url('nehran.png') fixed ;}

      ولی وقتی زوم بک و این میکنم سایز بکگراند هم تغییر میکنه و توی صفحه تکرار میشه
      ممنون میشم دوستانی ک جواب رو میدونن کمک کنن
    • توسط prodesign
      سلام و عرض ادب خدمت دوستان و استادان عزیز
      بنده تو یه سایت کد دیدم که وقتی رو عکس وایمیسته یه نفر با موس دو تا آیکن بزرگ میشن و وقتی کنار میره آیکن ها به جای اول منتقل میشن اما با افکت 2 ثانیه نه به صورت یک جا
      لطف میکنید راهنمایی کنید
      همانند تصویر