Results 1 to 4 of 4

Thread: Image reflection effect using pure CSS?

  1. #1
    Join Date
    Aug 2006
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image reflection effect using pure CSS?

    I am looking for a Image reflection effect (as seen on I-tunes album artwork) in pure CSS. I know there is a Java script available but I am looking for a pure CSS.

    Any idea ??

    Thanks

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Nah. CSS can't modify the actual pixels of images.

    You could, I suppose, just try to find a way to invert it (negative height?), but I don't know if that's valid. Then you could lower the opacity a bit. Beyond that, the only thing I can think of is stretching/squeezing it a bit to make it not a 100% reflection, but a bit thinner. This isn't right, in terms of optics, though.
    There's not much else that would work in just css. Sorry.
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    IE may have a proprietary filter for that but, aside from being IE only these filters also require javascript enabled in the browser so, no. You could just make up the image in a paint or image program and display it below the other one or even make it into a single image.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Aug 2006
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up Thanks guys

    Well the single image would be not a problem to make with a image program but I was hoping to make it with a online photo album.

    Anyway thanks for the input. I love you guys support THE IRC. On the the best NGO's around

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
  •