تابلو اعلانات

dezaki

سلام این استایل هم تصاویر رو میچرخونه هم دورشون رو بصورت یبایی خمیدگی میکنه

دموی کد

کد:

کد:
<style>

img:hover {

border: dashed underline 1px #333;

border-radius: 80px 6px 80px 6px;

box-shadow: 5 5 1px #333;

-webkit-transition: all 2s ease-in;

-moz-transition: all 2s ease-in;

-o-transition: all 2s ease-in;

transition: all 2s ease-in;

-webkit-transform: rotate(-360deg);

-moz-transform: rotate(-360deg);

-o-transform: rotate(-360deg);

}

img{border-radius: 40px;

opacity:1;filter:alpha(opacity=100);

-webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size);

padding:0px; float:center;

-moz-transform:scale(0.9):(Mozilla scale version);

-moz-transform:scale(0.9):(Explorer scale version);

}

</style>

iman375

مر30
عالي بود

مي خواستم بدونم نميشه سرعتشو بيشتر كرد؟؟؟

aliwebdesign

برای اینکه حرکت برگشت هم مثل حرکت رفت باشه این کد رو بذارید.

کد:
<style>

img:hover {

border: dashed underline 1px #333;

border-radius: 80px 6px 80px 6px;

box-shadow: 5 5 1px #333;

-webkit-transform: rotate(-360deg);

-moz-transform: rotate(-360deg);

-o-transform: rotate(-360deg);

}

img{border-radius: 40px;

opacity:1;filter:alpha(opacity=100);

-webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size);

padding:0px; float:center;

-moz-transform:scale(0.9):(Mozilla scale version);

-moz-transform:scale(0.9):(Explorer scale version);

-webkit-transition: all 2s ease-in;

-moz-transition: all 2s ease-in;

-o-transition: all 2s ease-in;

transition: all 2s ease-in;

}

</style>

wizardzx

خیلی ممنون ولی کد سختی نیست :دی
+تشکر

تابلو اعلانات
	قوانین جدید - تالار گفتمان سایت ساز رزبلاگ درخواست تغيير نام کاربري اطلاع رساني از مشکل قالب هاي داخل پنل اطلاع رساني از مشکل امکانات سايت ها پيشنهادات خود را براي امکانات سايت ها و رزآپ اينجا بيان کنيد! پيشنهادات خود را براي امکانات انجمن ها اينجا بيان کنيد! آموزش جامع بهينه سازي سايت براي موتورهاي جستجوگر طراحي بنر ، لوگو ، هدر و ... ( با هزينه ) درخواست ويرايش قالب فقط در اين تاپيک ! تاپیک جامع اخطار ها و کاربران اخراج شده دلیل

تعداد بازدید 273 استایل جالب برای گرد کردن و چرخاندن تصاویر سایت +++++
نویسنده	پیام