WordPress.org

Ready to get started?Download WordPress

Forums

WP Tiles
[resolved] Show Tile Byline on HOVER (3 posts)

  1. mbenari
    Member
    Posted 10 months ago #

    Hi!

    I would like to show the tile byline (excerpt, title, etc...) just on the hover. I tried setting display:none on non-hover state, and visibility: hidden / visible, but it was not working. How can I do this?

    Thanks!

    Maya

    P.S. This is one of the BEST plugins I've seen on WordPress. Congrats!

    http://wordpress.org/extend/plugins/wp-tiles/

  2. mbenari
    Member
    Posted 10 months ago #

    I figured it out with opacity! Although it would be cool to have animation effects on the roll over. Like slide up and down.

  3. Mike
    Member
    Plugin Author

    Posted 9 months ago #

    Hi Maya, thanks for the compliment!

    Adding some pre-set hover effects is high on my wishlist to build, but I think it will take some time before I get around to adding it. For the time being, look into css3 transitions to get the trick done. For example, for a simple slide-up effect, you can use something like this:

    .wp-tile-container .grid .tile-bg:hover div.tile-byline {
        bottom: 0;
    }
    .wp-tile-container .grid div.tile-byline {
        bottom: -60px;
        overflow: hidden;
        padding: 0;
        -webkit-transition: bottom 300ms;
    }

    (Note: this is just a quick throw-together.. it doesn't work properly if there's no byline, it's not cross-browser yet ,etc.)

    Cheers,
    Mike

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.