CSS3 Coke Can Replica
Creation of the coke has been challenging task, as it might not appear from the beginning. The bigest challenge have been various curves of the can, which I was trying to achieve by border-radius at the beginning, but eventually learned a lot about limitation of this property. To make the top "cuts" and keep the background I havd to create another 2 elements with background color to visually cut out the shape. All techniques used are pretty straight forward and should be easily readable from the source. Short Javascript is used for adding bubbles on to the can. Javascript and bubbles can be viewed on my original address