PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : افکت زیبای Mini Rotate + بررسی و توضیح تک تک کدها



jcs.w
2012/08/05, 08:44 PM
درود:x
با این استایل میتونید به عکسهاتون این افکت زیبارو بدید :
دمو : http://padz.zzl.org/vbiran/minicss/minirotater.html


.rotateparssoftvbiran img {
margin: 25px; /*این عدد دلخواهه و فاصلشو تایین میکنه*/
border: 1px dashed black;/*کادر دور دلخواه*/
transition: all 0.5s ; /*سرعت تغییر رو بر حسب ثانیه تایین میکنه*/
-webkit-transition: all 0.5s ;/*سرعت تغییر رو بر حسب ثانیه تایین میکنه*/
-moz-transition: all 0.5s ;/*سرعت تغییر رو بر حسب ثانیه تایین میکنه*/
-o-transition: all 0.5s ;/*سرعت تغییر رو بر حسب ثانیه تایین میکنه*/
}

.rotateparssoftvbiran img:hover {
transition: all 0.5s ;/*سرعت تغییر رو بر حسب ثانیه تایین میکنه*/
-webkit-transition: all 0.5s ;/*سرعت تغییر رو بر حسب ثانیه تایین میکنه*/
-moz-transition: all 0.5s ;/*سرعت تغییر رو بر حسب ثانیه تایین میکنه*/
-o-transition: all 0.5s ;/*سرعت تغییر رو بر حسب ثانیه تایین میکنه*/
transform: rotate(-10deg);/*میزان چرخش*/
-webkit-transform: rotate(-10deg);/*میزان چرخش*/
-moz-transform: rotate(-10deg);/*میزان چرخش*/
-o-transform: rotate(-10deg);/*میزان چرخش*/

}


موفق باشید /*اخصاصی وی بی ایران*/

arash r
2012/08/05, 08:49 PM
برای نصبش باید چیکار کنیم؟

Revenger
2012/08/05, 08:57 PM
این کدای سی اس اسو بریزید تو additional.css بعد با استفاده از


<div class = "rotateparssoftvbiran img"> جای عکس اینجا</div>



تو هر جای قالب میخواین بزارید