موضوع: افکت زیبای Mini Rotate + بررسی و توضیح تک تک کدها

درود
با این استایل میتونید به عکسهاتون این افکت زیبارو بدید :
دمو : http://padz.zzl.org/vbiran/minicss/minirotater.html

کد PHP:

.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);/*میزان چرخش*/

} 


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

این کدای سی اس اسو بریزید تو additional.css بعد با استفاده از

کد:

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

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