arman100000

درخواست يه كد css !

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

سلام .

اگه بخام عكس هام بعد از اينكه موس روشون رفت (hover) ، بزرگ بشن (جلو بيان ) بايد از چه كدي استفاده كنم ؟!

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


لینک به پست

سلام

شما باید اندازه پیش فرضی که به عکس ها میزارین رو در مقدار hover بزرگتر کنید

مثلن برای عکس های پست کلاس img-post دادیم کد css میشه به این شکل :


.img-post{
width:500px;
height:200px;
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
}
.img-post:hover{
width:530px;
height:230px;
}

یا اگر اندازه نمیدین :


.img-post{
width:80%;
height:80%;
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
}
.img-post:hover{
width:100%;
height:100%;
}

کدهای :


transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;

که گذاشتم براتون برای css3 هست که آهسته بزرگ میکنه و کوچیک میکنه

ویرایش شده در توسط kasra

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


لینک به پست

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

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

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

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


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

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

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


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