Skip to content

Instantly share code, notes, and snippets.

@chuck0523

chuck0523/graduationPage.html

Created July 19, 2015 04:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chuck0523/917129e9119cac4b5f42 to your computer and use it in GitHub Desktop.
Save chuck0523/917129e9119cac4b5f42 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
graduationPage.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="author" content="chuck">
<meta name="generator" content="Text(chromeApp)">
<title>Rotate test</title>
<link rel="stylesheet" href="rotateAnime.css">
<script src="jquery.min.js"></script>
<script src="rotateAnime.js"></script>
</head>
<body>
<div class="stage">
<div class="cube">
<div class="cube_bottom"><div>その結果は...</div></div>
<div class="cube_top"><div>今後ともよろしくお願いしますm(_ _)m<br>T.Y</div></div>
<div class="cube_back"><div>無事、卒業判定が出ました＼(^o^)／</div></div>
<div class="cube_front"><div>2015年 3月上旬...<br>&nbsp;&nbsp;○○大学の成績発表が行われました。</div></div>
</div>
</div>
<div class="nav">
<div>
<a data-deg="0" class="active" href="#">TOP</a>
</div>
<div>
<a data-deg="90" href="#">結果は...</a>
</div>
<div>
<a data-deg="180" href="#">卒業！</a>
</div>
<div>
<a data-deg="270" href="#">おしまい</a>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment