2016-01-08 1st Ituki Follow 2016-01-08 01:31:08 License: MIT License Fork0 Fav0 View807 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 1 lines HTML 9 lines SCSS 51 lines 2016-01-08 1st document.getElementById('helloWorld').innerHTML = 'Hello, World!'; <div class="square-wrapper"> <div class="spacer"> </div> <div class="content">a</div> </div> <div class="btn"><span>aaa</span></div> <div class="btn"><span>aaa<br>aaa</span></div> 2016-01-08 1st * { margin: 0; padding: 0; border: 0; } /* body,html { width: 100%; height: 100%; } */ body { background: #dfd; line-height: 1.5; font: 30px sans-serif; } .square-wrapper { position: relative; width: 10%; } .spacer { width: 100%; padding-bottom: 100%; } .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: red; } .btn { margin: 50px calc(30px * 1.5 /2) 0; display: table; white-space: nowrap; background-color: blue; &:before, &:after { content: ""; display: table-cell; width: calc(30px * 1.5); background-color: red; border-radius: 50%; } } document.getElementById('helloWorld').innerHTML = 'Hello, World!'; <div class="square-wrapper"> <div class="spacer"> </div> <div class="content">a</div> </div> <div class="btn"><span>aaa</span></div> <div class="btn"><span>aaa<br>aaa</span></div> * { margin: 0; padding: 0; border: 0; } /* body,html { width: 100%; height: 100%; } */ body { background: #dfd; line-height: 1.5; font: 30px sans-serif; } .square-wrapper { position: relative; width: 10%; } .spacer { width: 100%; padding-bottom: 100%; } .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: red; } .btn { margin: 50px calc(30px * 1.5 /2) 0; display: table; white-space: nowrap; background-color: blue; &:before, &:after { content: ""; display: table-cell; width: calc(30px * 1.5); background-color: red; border-radius: 50%; } } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author Ituki URLhttp://mania-ku.info/ ブログ始めました。 Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/GKd6/js"></script> Discussion Questions on this code?