Media Query Mario

A progressive series of CSS3 animation fired by media queries

이용 기술 자바스크립트, HTML5, CSS3, 오디오, 웹 글꼴,

  • 조회수 408회

현재 데모에 대한 개발자 댓글

This is a recreation of Super Mario 3 using media queries, CSS3 animations and embedded HTML5 audio elements. The animation is controlled using CSS3 media queries to step through the level.

The demo uses the step-end timing function to control background spriting, which is implemented differently in Firefox to Webkit - Webkit seems to ignore the sprite stepping as you progress through the animation - therefore the element spriting is a bit less slick in Webkit, but works perfectly in Firefox.

Any feedback would be great - positive or negative :) - and if you do like it, please do like it or share it above.

All rights to Mario are held by Nintendo, and I am simply using the assets for a completely not-for-profit demo.

About this Demo

소스 다운로드 7801.63 KB · ZIP 파일

Browse the Source

현재 데모는 GPL 라이센스 하에 공개되고 있습니다.