I wish this Growl style we’re featuring was a solid piece of chocolate chip bar dipped in milk chocolate. That way, I’d have at least gotten a chance to take a big fat bite off it. Because this Black Glass Growl Style by Ryan Collins is nothing short of a scrumptious bunch of pixels.
Put together using just HTML and CSS3, without the use of any images, this style utilizes CSS3 animations to a spectacular effect. To display the message, the black glass first reveals itself and while it finishes, we see the app’s icon turn clockwise is revealed too. At the same time, the actual display message slides in from the right. That’s not it, there’s a beautiful reflection on the black glass. Yep, all done via CSS3. The block also has a subtle box-shadow that gives is a raised appearance. Delicious!
Words explaining its behavior do it no justice, so we recorded a video to show you how it works. Go ahead, hit the play button on the video below. You can download it here Looks like the website is no longer functional, as a result the download link does not work any more.