webhack / ウェブ技術が好き

javascriptやcssやHTML5とかサーバーサイド等のウェブ技術全般を好きに書くブログ

CSS3

シンプルなJSとCSS3で作るゲームウォッチ "catch-the-egg"

たまたま見つけたので紹介です。catch-the-eggはシンプルなjavascriptとCSSで作られたブラウザで動くゲームウォッチ風ゲームです。以下URL先で実際に動作します。http://shtange.com/catch-the-egg/GitHubのプロジェクトはこちら。github.com最近のランディ…

CSSアニメーションで動く「うさぎ」がかわいい

.bunny{ font-size:7px; /*> size */ position : absolute; width : 16em; height : 20em; margin : -10em 0 0 -8em;} .bunny::before, .bunny::after{ content : ''; display : block; width : 1em; height : 1em; margin : -1em 0 0 -1em; } .bunny::befor…