Forums

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

Home Forums CSS Triggering transitions on a different element.

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #44013
    EricMitjans
    Member

    Hi guys!

    I’m playing with the transitions, and I want to do something that I’m not enterely sure is possible.

    I have an a.about in a div, and I want to trigger a transition from a completely different div on a.about:hover or :active. So far is not working. You can see the problem [here.](http://cccctanger.com/zk/index2.htm “here”). I want to open the right div containing the info when the menu item is hovered or clicked on.

    Two things; I’ve achieved something like this when the 2 elements are inside the same div. It was nice, but not ideal, as the transition was only maintained while the mouse was on hover. You can see it [here.](http://cccctanger.com/zk/ “here”).

    I thought that to prevent the div from returning to the initial position, I could use < button > , but I haven’t been able to trigger it either way.

    Any thoughts?

    Cheers!

    Eric

    #131271
    CrocoDillon
    Participant

    You can use checkbox hack or :target pseudo class, but I’d probably go for JavaScript on this one.

    #131273
    EricMitjans
    Member

    I wanted to keep it CSS only for whatever reason… Will try the checkbox hack!

    #131275
    CrocoDillon
    Participant

    If you run into any problems let me know.

    #131279
    EricMitjans
    Member

    It doesn’t seem to work either. Maybe something to do with the positions?

    [Link](http://cccctanger.com/zk/index2.htm “”)

    Thanks mate! : )

    #131292
    CrocoDillon
    Participant

    http://cdpn.io/byuLn

    This might get you started :)
    (only about works)

    #131295
    EricMitjans
    Member

    Brilliant!

    Many thanks!! : )))

    #131298
    CrocoDillon
    Participant

    You’re welcome! Make sure to test thoroughly as this isn’t normal use of checkboxes (actually radios in this case) :P

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