Show Tile Byline on HOVER

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

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