| Dynamic drop shadows... |  |
Kia Ora, I found a great article on how to do dynamic drop shadows recently over at A List Apart and I have used this on a website (that is not live just yet), I will add a link once it is. (Update: site is live - Images on the right have dynamic drop shadows - probably wont be that noticeable until they use a portrait image however). This is a great method however there is one down point - when using images that are fully transparent (Alpha Transparency) for the corner images they overlay the main background image causing the corners to appear darker - I haven't found a solution for this yet, and I resorted to non-transparent images for the corners. It is a great solution for images or divs on single color backgrounds.
Article link: http://www.alistapart.com/articles/onionskin/
I am going to have a play around with this and try some methods using transparent divs with background colors - in order to create a method without images. The corners probably wont look as good but it will be cooler.
Also check out Klixo on Twitter we are still coming up with ideas as to what to use this for but we have a few. Bye for now...
 |
