adding on mouse over - effects on a wp-site (with code snippet)

[Maze]

hello dear phpfreaks
 

 

i want to apply a mouse -over effect in the theme - at http://www.literaturen.org

i mean this effect: http://imgur.com/a/VpNuj
the amazon-review plugin called scrapeazon

– in the posting “slider revisited”
– see the widget that is located in the first colum of the posting: below the

again – see this effect: http://imgur.com/a/VpNuj

 

- i want to have this effect on a nother part of the site:i have installed a i-frame with a book cataloge

see the page http://www.literaturen.org

see the kvk-katalog auf in a  advanced-i-Frame
the effects that are aimed: http://imgur.com/a/VpNuj

i will try out this - by using this code:

.su-column-inner #scrapeazon-iframe:hover {
    height: 400px;
    position: absolute;
    width: 800px;
    background: #fff;
    z-index: 9999;
    padding: 25px;
    border: 1px solid #cdcdcd !important;
}

well we can limit it to this column only using the su-column-inner class.
we animate this effect to some degree by adding this too:

.su-column-inner #advanded-iframe-iframe {
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
}

so the question is – can we do some mouse-over effects for the i-frame – resp the site of the kvk-catalogue….

love to hear from you

 

regards