Recently I came across this cute floating-effect.
Since I live by a river, I thought the re-design of my playground-site should reflect that and that I could steal that ide… use the code of that pen. Unfortunatly it doesn’ t work in Safari, both desktop and mobile. I guess its the re-calculation of mixed values, like % and calc().
Anyway, I decided to try the same using layers, z-indexes and a bunch of tranforms.
This is what I came up with. Its not as subtile as the original and less nerdy…
What do you think?