افکت دادن به عکس های بخش های مختلف سایت

سلام، من با کدهای CSS به عکس های داخل سایتم تونستم افکت بدم، کد رو ته فایل style.css اضافه کردم، تغییرات اعمال شد، ولی با اون کد همه عکس های داخل سایت اون افکت روشون اعمال میشه، ولی من میخوام صفحه اول سایت به جز عکس بزرگ بالای سایتم افکت کج شدن (rotate) رو داشته باشه، و عکس های ادامه مطلب با رفتن موس روشون بزرگ تر بشن.

آدرس سایتم: http://www.tehran-graph.ir
قالب: KARMA وردپرس

مثلا من میخواهم در قسمت آخرین طرح ها در صفحه اول سایتم، این کدها فقط اعمال بشه، (کد کج شدن عکس و سایه انداختن):

img:hover{ opacity:0.8;filter:alpha(opacity=85); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);  }</style>
img {
    border: lightgray;
    box-shadow: none;
    opacity: 0.9;
    transition: all 0.4s;2
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    } img:hover {
    border: gray;
    box-shadow: gray 0px 0px 10px 5px ;
    opacity: 1;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    }

اینم کل فایل style.css من:
http://notepad.cc/share/EepEe5Gm46

ممنون میشم اصلاح شدش رو قرار بدین

باید div مورد نظر رو پیدا کنی مثلا میخوای عکس رو توی
<div class="sidebar">
بذاری
باید کد css رو اینجوری بنویسی

.sidebar img {
    border: lightgray;
    box-shadow: none;
    opacity: 0.9;
    transition: all 0.4s;2
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    } .sidebar img:hover {
    border: gray;
    box-shadow: gray 0px 0px 10px 5px ;
    opacity: 1;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    }

با این کد فقط عکس های داخل sidebar این افکت رو میگیرن

وردپرس فارسی

انجمن

افکت دادن به عکس های بخش های مختلف سایت (۲ نوشته)

درباره‌ی این موضوع

برچسب‌ها