Elements Transition - jsdo.it - Share JavaScript, HTML5 and CSS
Webkit ç³» (Chrome, Safari) ã®ã¿ Chrome 推奨 Fullscreen: http://jsrun.it/akm2/4vq1 // forked from Event's "Web Creator's Contest Q the 2ndã€vol.2】エントリー用コード" http://jsdo.it/Event/zojr (function() { // Run $(initialize); //--------------------------- // CONSTANTS //--------------------------- var TOP_ID = 'qtop'; // トップページを示㙠id var CONTENT_MAX_WIDTH = 800; // コンテンツã®æœ€å¤§å¹… var TRANSFORM_ELEM_EXPR = 'h1, p, li
CSS3ã®transitionプãƒãƒ‘ティã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’試ã—ã¦ã¿ãŸ
ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ã²ã£ãã‚Šã¨ä½¿ã£ã¦ã„ã‚‹CSSã§ã®animation。çµæ§‹ä»Šæ›´ã§ã™ãŒã€ã“れも毎回調ã¹ãŸã‚Šã—ã¤ã¤ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€å‹‰å¼·ã—ãŸã“ã¨ã‚’書ãã ã—ã¦ãŠãã¾ã™ã€‚ 今回ã¯ãã®ä¸ã§ã‚‚transitionを使ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¿ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ webkitã¨Operaã€Firefox4ã§å‹•ä½œ 2011å¹´1月ç¾åœ¨ã€CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå‹•ä½œã™ã‚‹ã®ã¯webkitã®Safariã¨Chromeã€ãã‚Œã¨Operaã¨Firefox4ã§å‹•ä½œã—ã¾ã™ï¼ˆIE未確èªï¼‰ã€‚ãŸã ã—ã€ãã‚Œãžã‚Œã®ãƒ–ラウザã§ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックス（接é 語）ãŒãªã„ã¨å‹•ä½œã—ã¾ã›ã‚“。 ã¾ãšã¯ãƒ‡ãƒ¢ã‚’ ã¾ãšã¯ç°¡å˜ã«ã€ãƒ–ãƒãƒƒã‚¯ãŒå¤§ãããªã‚‹ãƒ‡ãƒ¢ã‹ã‚‰ã€‚ â– CSS .demo div{ background-color:#0000ff; width:100px; height:100px; color:#ffffff; /*以下アニメーションã®è¨å®šï¼ˆâ—‹â—‹ã¯
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}