Jump to content

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


Maze

Recommended Posts

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
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.