diff --git a/src/Die.css b/src/Die.css new file mode 100644 index 0000000..b728218 --- /dev/null +++ b/src/Die.css @@ -0,0 +1,39 @@ +body { + background-color: #bdf2d5; +} + +.faces { + color: orange; + margin: 8px; +} + +.shaking { + animation-name: swing; + animation-duration: 1s; +} +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +}