#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2012
    Posts
    13
    Rep Power
    0

    Hover effect does not work, need clicks instead


    The hover effect does not work in the iPhone. Would need to change so that it clicks instead, to make it work on the iPhone.
    davidwalsh.name/demo/css-flip.php

    The hover effect didnīt work in IE or Opera. I need it to work there too.
  2. #2
  3. Super Moderator
    Devshed Specialist (4000 - 4499 posts)

    Join Date
    Jul 2003
    Location
    London, UK
    Posts
    4,004
    Rep Power
    2794
    And?
    [PHP] | [Perl] | [Python] | [Java] != [JavaScript] | [XML] | [C] | [C++] | [LUA] | [MySQL] | [FirebirdSQL] | [PostgreSQL] | [HTML] | [XHTML] | [CSS]
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2012
    Posts
    13
    Rep Power
    0
    Originally Posted by Winters
    And?
    Any suggestions would be appreciated. First, if you have tips on other similar examples, or you can modify the source code to make it work.
  6. #4
  7. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,109
    Rep Power
    4307
    IE9 does not support CSS3 Transitions. However, IE10 is expected to.

    The demo doesn't have the "-o-" prefixed properties for Opera, but when I add them, it still doesn't work in Opera 12.02.

    It works in the iPhone for me (iOS 5.1.1). That's what this segment is for:
    Code:
    ontouchstart="this.classList.toggle('hover');"
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2012
    Posts
    13
    Rep Power
    0
    You are welcome to give suggestions (links) on similar sites (with boxes) that can be turned on (preferably with a nice effect)

IMN logo majestic logo threadwatch logo seochat tools logo