Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/excaliburjs/Excalibur. 🎮 Your friendly TypeScript 2D game engine for the web 🗡️ excaliburjs.com
excalibur excaliburjs game-development game-engine game-framework gamedev games html5-canvas typescript
Something went wrong. Try again.
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130/* Buttons styles start */button#excalibur-play { display: none;}
button#excalibur-play { box-sizing: border-box; display: flex; gap: 0.25rem; white-space: nowrap; justify-content: center; position: relative; z-index: 999; border-radius: 6px; border: none; padding: 1rem; margin: 0; text-decoration: none; background: #00b233; color: #ffffff; font-family: sans-serif; font-size: 2rem; white-space: nowrap; line-height: 1; cursor: pointer; text-align: center; transition: background 250ms ease-in-out, transform 150ms ease; -webkit-appearance: none; -moz-appearance: none;
-webkit-animation: excalibur-button-fadein 200ms; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: excalibur-button-fadein 200ms; /* Firefox < 16 */ -ms-animation: excalibur-button-fadein 200ms; /* Internet Explorer */ -o-animation: excalibur-button-fadein 200ms; /* Opera < 12.1 */ animation: excalibur-button-fadein 200ms;}
span#excalibur-play-icon { content: ''; display: inline-block; position: relative; width: 2rem; height: 2rem;}
span#excalibur-play-icon:after { box-sizing: border-box; position: absolute; content: ''; border: 0.5rem solid; border-color: transparent transparent transparent white; left: calc(50% - 0.1rem); top: calc(30% - 0.1rem); width: 0; height: 0;}
span#excalibur-play-icon:before { box-sizing: border-box; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; content: ''; border: 3px solid; border-radius: 1rem; width: 2rem; height: 2rem;}
button#excalibur-play:focus { outline: 1px solid #fff; outline-offset: -4px;}
button#excalibur-play:active { transform: scale(0.99);}
@keyframes excalibur-button-fadein { from { opacity: 0; } to { opacity: 1; }}
/* Firefox < 16 */@-moz-keyframes excalibur-button-fadein { from { opacity: 0; } to { opacity: 1; }}
/* Safari, Chrome and Opera > 12.1 */@-webkit-keyframes excalibur-button-fadein { from { opacity: 0; } to { opacity: 1; }}
/* Internet Explorer */@-ms-keyframes excalibur-button-fadein { from { opacity: 0; } to { opacity: 1; }}
/* Opera < 12.1 */@-o-keyframes excalibur-button-fadein { from { opacity: 0; } to { opacity: 1; }}