Opacity

[superyarik]

i think good idea is to add opacity(for not active items) option, for using in .animation

[Mottie]

Maybe try this bit of css (demo):

.mb-panel:not(.current) {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

[superyarik]

yes, it is work, but opacity appear after clicking next/prev button, not nice.

[Mottie]

Ok, try some css3 transitions then (demo):

.mb-panel:not(.current) {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity 1s ease-out;  /* Saf3.2+, Chrome */
       -moz-transition: opacity 1s ease-out;  /* FF4+ */
        -ms-transition: opacity 1s ease-out;  /* IE10 */
         -o-transition: opacity 1s ease-out;  /* Opera 10.5+ */
            transition: opacity 1s ease-out;
}

[Mottie]

Or maybe try what beshur did on his site and change the arrow images to a gradient fill from white to transparent then overlap the outer images.

I modified a demo using his images here.

[Mottie]

I'm guessing the one of the above solutions has solved your problem, so I'm closing this issue. If not, please feel free to re-open this issue. Thanks!