Shadow and mouseover effect on images inside text widgets

  • ol2lando

    #7171

    Hi there,

    would you help me put shadow and mouseover effect on images inside my text widgets. Just like the effects I get on my awesome flickr gallery plugin? Here the site: http://organicosdopivas.org . Thank U!

    ol2lando

    #37247

    Well, I think I found a way to do that. Don’t no if it’s the best one. But in the end I didn’t like it at the images that were not square. So I made just one modification to have a mouseover effet on them.

    Here is how I managed to have the shadow the same the afg gallery:

    img.widget-img {
    -webkit-box-shadow: rgba(0,0,0,0.6) 0 0 7px;
    -moz-box-shadow: rgba(0,0,0,0.6) 0 0 7px;
    box-shadow: rgba(0,0,0,0.6) 1px 1px 7px;
    margin-top: 5%;
    opacity: 1;
    }
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!