search

CSS-Tricks / MovingBoxes

Simple horizontal slider which grows up the current box when it's in focus (image, title & text) and back down when it's not in focus.
http://css-tricks.github.io/MovingBoxes/
GNU Lesser General Public License v3.0
280 stars 147 forks source link

Dimming the right & left images. #38

Closed kaushal123 closed 13 years ago

kaushal123 commented 13 years ago

It is grate slider. I have already given opacity to right & left images but how can it be darken to a light black? so middle image looks brighter. Any Help Please? Thanks.

Mottie commented 13 years ago

You could add some css to lower the opacity of the side images, like this (demo):

.mb-panel {
    opacity: 0.5;
    filter: alpha(opacity=50);   
}
.mb-panel.current {
    opacity: 1;
    filter: alpha(opacity=100);
}
kaushal123 commented 13 years ago

Thanks Mottie.