Com a ajuda do Google, claro, acabei encontrando essa calculadora no JavaScript Kit. O código lá apresentado resulta em algo assim como ilustrado à direita.

Achei que valeria a pena brincar com o CSS, de forma a dar uma aparência melhor à simpática calculadora. Utilizei algumas novidades do CSS3: sombra e cantos arredondados – recursos que só funcionam em navegadores que suportam o WebKit Open Source Project.

O efeito show/hide que abre/fecha a calculadora original (o algo assim no primeiro parágrafo) resulta de um jQuery disponível neste documento.

With the help of Google, of course, I found this calculator in the JavaScript Kit. The code presented there results in something like as ilustrated on the right.

So I thought it would be worth playing with the CSS in order to give a better appearance to this gadget. I've used some CSS3 features: box shadow and rounded corners. These features work only in browsers that support the WebKit Open Source Project.

The show/hide effect (the something like this at the first paragraph) that opens and closes the original calculator results from a jQuery available in this document.

X