Some amazingly creative CSS

Discussion in 'CSS' started by Hecky, Mar 29, 2010.

  1. #1
    Hecky, Mar 29, 2010 IP
  2. proxywhereabouts

    proxywhereabouts Notable Member

    Messages:
    4,027
    Likes Received:
    110
    Best Answers:
    0
    Trophy Points:
    200
    #2
    Nice share. I like that.
    The logo of that site also cool!
    Thanks :)
     
    proxywhereabouts, Mar 29, 2010 IP
  3. sarahk

    sarahk iTamer Staff

    Messages:
    28,812
    Likes Received:
    4,535
    Best Answers:
    123
    Trophy Points:
    665
    #3
    You'd also need to have a very patient photographer!
     
    sarahk, Mar 30, 2010 IP
  4. Hecky

    Hecky Like a Dungeon Dragon!

    Messages:
    5,656
    Likes Received:
    284
    Best Answers:
    1
    Trophy Points:
    0
    #4
    Ah but that's the genius of it, it's not really lots of photographs - just one of the label and one of the lighting and shading of the can, as well as the top and bottom which don't appear to move :

    [​IMG]

    and

    [​IMG]
     
    Hecky, Mar 30, 2010 IP
  5. sarahk

    sarahk iTamer Staff

    Messages:
    28,812
    Likes Received:
    4,535
    Best Answers:
    123
    Trophy Points:
    665
    #5
    Aaah, I knew I should have spent more time looking. I gazed in admiration but didn't go any further. Very, very cool.
     
    sarahk, Mar 30, 2010 IP
  6. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #6
    Very nicely done, if not particularly novel. (Well, the flattened Coke can and the illusion may be.) I recall using the effect when only Firefox supported it; though Opera came through, eventually. Seems I may have stolen it from Meyer's Complexspiral Demo. A look at the Meyer article suggests I was using it during the time of Opera5, whenever that was.

    cheers,

    gary
     
    kk5st, Mar 30, 2010 IP
  7. yenerich

    yenerich Active Member

    Messages:
    697
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    75
    #7
    This is really great. I do not fully understand the CSS he uses, will take a carefully look to learn from this master!
     
    yenerich, Mar 31, 2010 IP
  8. canadianguy_001

    canadianguy_001 Peon

    Messages:
    97
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #8
    whoa thats gnarly. thats for showing
     
    canadianguy_001, Apr 1, 2010 IP
  9. Axcell

    Axcell Active Member

    Messages:
    128
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    73
    #9
    That is awsome.
     
    Axcell, Apr 3, 2010 IP
  10. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #10
    You know, when I first saw this some... wow, it would be like four years ago, I was duly impressed... but looking back on it now...

    This is WAY too complex for something so simple. All those nested paragraph tags for what I think might be able to be done without fixing the background using only three or four div...

    I'm gonna take a stab at re-implmenting that in a simpler form... Though it won't 'scroll' - in my version the can should remain stationary while rotating.

    I do find it quite unusual it's been reposted with a new date as of last month - as I remember this from a heck of a lot longer ago... Though, huh. Last time I saw this he didn't have a displacement map... That WOULD take all those separate little elements to pull off for each 'stripe' of the rotation - though I still think it could be simplified... I'm gonna take a stab at it, see what I come up with.
     
    deathshadow, Apr 4, 2010 IP
  11. PsyHost

    PsyHost Well-Known Member

    Messages:
    641
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    110
    #11
    haha thats pretty awesome :D
     
    PsyHost, Apr 4, 2010 IP