1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Some amazingly creative CSS

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

0
  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:
    29,117
    Likes Received:
    4,611
    Best Answers:
    124
    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:
    29,117
    Likes Received:
    4,611
    Best Answers:
    124
    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