aog1971

Coin Flip Donate Button

A simple idea that ended up being really hard to pull off. No 3D elements or transformations are used in this experiment, only 2D elements and some clever math to give the illusion of a 3D coin with real thickness. I'm happy with the results given the limitations of HTML and CSS.

The coin flipping is actually randomized too -- if you press the button a few times you'll see.

A Pen by Cooper Goeke on CodePen.

License.

aog1971

Hi, I can not solve the problem Chrome and firefox ... only works in IE (10):

<ul class=”ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all”>

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display:table;
    border-collapse: collapse;