Welcome to TalkGraphics.com
Results 1 to 6 of 6
  1. #1
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default How did they do this?

    This is a website for a very creative company. Great effect on the home page. https://papercranefactory.com/

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: How did they do this?

    Quote Originally Posted by gwpriester View Post
    This is a website for a very creative company. Great effect on the home page. https://papercranefactory.com/
    Gary, I have to disagree - too fussy and machine intensive. Quite formulaic as placing the pointer in the same position shows the identical effect every time.

    As to how it is done - with a shedload of code.
    If I was tackling this, I would create the circle around the pointer using a circle clip-path of the under-image.
    This is rerun for every pointer travel although I would limit it to around 5px.

    The same trick for the triangles for the top-images with a triangular clip-path.

    The JavaScript code does the recalculations for the one circle and random triangles.
    More code would position and create the triangles.

    I found it most distracting.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  3. #3
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,659

    Default Re: How did they do this?

    Not with you on this one Gary, sorry.

  4. #4
    Join Date
    Feb 2007
    Location
    UK
    Posts
    21,283

    Default Re: How did they do this?

    I rather like it - pity though you cant seem to load your own forground image as well as the background, might keep me amused for quite a while; changing the positional effect, now that would be fussy and distracting

    what I don't like are the florescent colours used in the headings on the careers page, yuk; text font is wrong there too for me
    -------------------------------
    Nothing lasts forever...

  5. #5
    Join Date
    May 2002
    Location
    Canada
    Posts
    3,338

    Default Re: How did they do this?

    I lost interest in 30 seconds, very frustrating. Confusing. Sorry Gary, don't be upset at me.

  6. #6
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default Re: How did they do this?

    I like this because it is a creative branding company looking to stand out in a crowded field and to show a different approach.

    On the other hand, a teacher of mine once said, Don't try to be different to be good. Be good and you will be different.

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •