alicivil89
دوشنبه 23 دی 1392, 17:41 عصر
سلام دوستان
یک صفحه طراحی کردم که بار رفتن موس روی عکس ،عکس زوم می شه
یعنی این کد رو در css وارد کردم
img{
-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.9); /*Mozilla scale version*/
-o-transform:scale(0.9); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 9px 0; /*margin between images*/
}
img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 80px gray; /*Mozilla shadow version*/
opacity: 1;
-webkit-transform: rotate(-10deg);
}
حلا می خوام یک عکس توی صفحه هیچ تغییری نکنه یا با یک کد دیگه تغییر کنه
لطفا کمکم کنید باید چی کار کنم
دمتون گرم
یک صفحه طراحی کردم که بار رفتن موس روی عکس ،عکس زوم می شه
یعنی این کد رو در css وارد کردم
img{
-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.9); /*Mozilla scale version*/
-o-transform:scale(0.9); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 9px 0; /*margin between images*/
}
img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 80px gray; /*Mozilla shadow version*/
opacity: 1;
-webkit-transform: rotate(-10deg);
}
حلا می خوام یک عکس توی صفحه هیچ تغییری نکنه یا با یک کد دیگه تغییر کنه
لطفا کمکم کنید باید چی کار کنم
دمتون گرم