The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can anybody help me out how to change the text elements of a column in bootstrap

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #242744

    Almost like metro UI tile, used in windows 8, where you hover your mouse over a tile element and it changes its text. I have searched but i find only tutorials with an image as a background, but i want to use glyphicons.
    I have tried setting a hover pseudo class, but i want it like in this way.

    Maybe this can give you an idea of what I’m trying to create.


    I’m not entirely sure why you’re asking specifically with Bootstrap as this doesn’t really pertain to that Framework at all, but I’ve put together a quick draft pen using Bootstrap, jQuery, and Animate.css alongside a JS library for the latter.

    It’s very rough though.

    Basically this works by applying data-animate-in and data-animate-out to the respective div on hover, and toggles the inner wrappers respectively. It’s perhaps not as smooth as Javascript animations, but it should give you a rough idea of what might be plausible using CSS-driven animations that are merely invoked via Javascript.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.