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

[arman100000 1264]

سلام .

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

[kasra 4929]

سلام

شما باید اندازه پیش فرضی که به عکس ها میزارین رو در مقدار 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 هست که آهسته بزرگ میکنه و کوچیک میکنه

ویرایش شده آبان 91 توسط kasra