آموزش افکت دادن به تصویر در وردپرس

شروع موضوع توسط FaRhAd ‏6 ژانویه 2012 در انجمن آموزش ها

  1. FaRhAd

    FaRhAd کاربر جدید

    تاریخ عضویت:
    ‏29 دسامبر 2011
    ارسال ها:
    98
    تشکر شده:
    0
    درود
    این هم یه افکت زیبا برای تصاویر ورد پرس
    با این کار تصاویر شما در اکثر سیستم محتوا ها افکت میگیرند

    خب در این کد های css این تگ ها وجود دارد

    scale: بزرگ يا كوچك كردن تصوير
    rotate : چرخاندن تصوير
    translate : جابجا كردن تصوير
    skew : كج و مورب كردن تصوير

    خب میریم سراغ اموزش کد های ما ایناهاست که این کد هارو برای هر cms باید انتهای فایل css قالبتون بذارید تا افکت دار بشه و تمام عکس هایی که در css وجود ندارد افکت دار میشن

    این کد را به انتهای css که معمولا در style.css هستن اضافه کنید.

    PHP:
     img:hover {
        
    transform:
                
    rotate(1deg)
                
    scale(11);




            
    /* for firefox, safari, chrome, etc. */
            
    -webkit-transform:
                
    rotate(1deg)
                
    scale(11);
            -
    moz-transform:
                
    rotate(1deg)
                
    scale(1,1);




            
    /* for ie */
            
    progid:DXImageTransform.Microsoft.BasicImage(rotation=2mirror=1);




            
    /* opera */
            
    -o-transform:
                
    rotate(1eg)
                
    scale(11);
        
    box-shadow:#b2b2b2 0 0 7px;
        
    -moz-box-shadow:#b2b2b2 0 0 7px;
        
    -webkit-box-shadow:#b2b2b2 0 0 7px;


    }
    موفق باشید.
    کاری بود از amirGl:216:
    نمونه زنده