Page Corner Flip

Discussion in 'HTML & Website Design' started by whirlybird20, Jul 12, 2008.

  1. #1
    Does anyone know how to do an effect like on uk2's website where the page flips over when you hover your mouse over the corner?

    I have seen this done on other sites too, but I can't fugure out what it is called to google it.

    Thanks in advance for your help!

    Joel
     
    whirlybird20, Jul 12, 2008 IP
  2. skenk

    skenk Banned

    Messages:
    180
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Its defiantly flash, but I don't know flash..

    looks like when it detects the mouse over it it will move but when the cursor is moved away then it will retract...

    It is a very good effect :)
     
    skenk, Jul 12, 2008 IP
  3. whirlybird20

    whirlybird20 Guest

    Messages:
    462
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes it is definitely flash, but I have seen it on several other sites so there must be somewhere where you can buy or download it.
     
    whirlybird20, Jul 13, 2008 IP
  4. .SR

    .SR Well-Known Member

    Messages:
    1,089
    Likes Received:
    52
    Best Answers:
    0
    Trophy Points:
    140
    #4
    .SR, Jul 13, 2008 IP
  5. CodersPool

    CodersPool Peon

    Messages:
    250
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    This page has instructions on how to add it.

    http:// www. hongkiat.com/blog/create-a-peel-away-effect-on-website-how-to/
     
    CodersPool, Jul 13, 2008 IP
  6. whirlybird20

    whirlybird20 Guest

    Messages:
    462
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I have followed this tutorial, but can't get it to work. Have you been successful?
     
    whirlybird20, Jul 14, 2008 IP
  7. DannyCarte

    DannyCarte Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Check this demo out http://www.axmag.com/gallery/style1/index.html
     
    DannyCarte, Dec 7, 2010 IP
  8. sergiozambrano

    sergiozambrano Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Little too late… but now with gradients and rounded corners is easier… and there's no need for any javascript :)
    I'm working on this one to make it cross-browser.
    Google pure-css-animated-folding-page-tip-working-pseudo-elements
    I just posted the second version.
     
    sergiozambrano, May 27, 2012 IP