2017-10-06 1st tasukuyamagu Follow 2017-10-06 17:08:52 License: MIT License Fork0 Fav0 View132 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 10 lines HTML 5 lines CSS 20 lines 2017-10-06 1st $(function() { // ボタンをクリックしたら発動 $('button').click(function() { // class'showUp'をdiv要素に追加 $('div').addClass('showUp'); }); }); <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <button>表示する</button> <div> <p>Airy Feeling</p> </div> 2017-10-06 1st * { margin: 0; padding: 0; border: 0; } body { background: #fff; padding:30px; } div { opacity: 0; transition: .9s; margin-top:20px; margin-left: 60px; } div.showUp { opacity: 1; margin-left: 0; } $(function() { // ボタンをクリックしたら発動 $('button').click(function() { // class'showUp'をdiv要素に追加 $('div').addClass('showUp'); }); }); <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <button>表示する</button> <div> <p>Airy Feeling</p> </div> * { margin: 0; padding: 0; border: 0; } body { background: #fff; padding:30px; } div { opacity: 0; transition: .9s; margin-top:20px; margin-left: 60px; } div.showUp { opacity: 1; margin-left: 0; } 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 tasukuyamaguchi 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/85WS/js"></script> css Discussion Questions on this code? Tags css