| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | /** |
| A | 2 | http://www.backalleycoder.com/2012/04/25/i-want-a-damnodeinserted/ |
| 3 | This CSS is used to raise an event when an element is inserted into DOM (Javascript code inside assets/js/ace-extra.js) | |
| 4 | */ | |
| 5 | //directly inserted into DOM inside ace-extra.js | |
| 6 | ||
| 7 | @keyframes nodeInserted { | |
| 8 | from { | |
| 9 | outline-color: #fff; | |
| 10 | } | |
| 11 | to { | |
| 12 | outline-color: #000; | |
| 13 | } | |
| 14 | } | |
| 15 | ||
| 16 | @-moz-keyframes nodeInserted { | |
| 17 | from { | |
| 18 | outline-color: #fff; | |
| 19 | } | |
| 20 | to { | |
| 21 | outline-color: #000; | |
| 22 | } | |
| 23 | } | |
| 24 | ||
| 25 | @-webkit-keyframes nodeInserted { | |
| 26 | from { | |
| 27 | outline-color: #fff; | |
| 28 | } | |
| 29 | to { | |
| 30 | outline-color: #000; | |
| 31 | } | |
| 32 | } | |
| 33 | ||
| 34 | @-ms-keyframes nodeInserted { | |
| 35 | from { | |
| 36 | outline-color: #fff; | |
| 37 | } | |
| 38 | to { | |
| 39 | outline-color: #000; | |
| 40 | } | |
| 41 | } | |
| 42 | ||
| 43 | @-o-keyframes nodeInserted { | |
| 44 | from { | |
| 45 | outline-color: #fff; | |
| 46 | } | |
| 47 | to { | |
| 48 | outline-color: #000; | |
| 49 | } | |
| 50 | } | |
| 51 | ||
| 52 | .ace-save-state { | |
| 53 | animation-duration: 0.01s; | |
| 54 | -o-animation-duration: 0.01s; | |
| 55 | -ms-animation-duration: 0.01s; | |
| 56 | -moz-animation-duration: 0.01s; | |
| 57 | -webkit-animation-duration: 0.01s; | |
| 58 | ||
| 59 | ||
| 60 | animation-delay: 0s; | |
| 61 | -o-animation-delay: 0s; | |
| 62 | -ms-animation-delay: 0s; | |
| 63 | -moz-animation-delay: 0s; | |
| 64 | -webkit-animation-delay: 0s; | |
| 65 | ||
| 66 | ||
| 67 | animation-name: nodeInserted; | |
| 68 | -o-animation-name: nodeInserted; | |
| 69 | -ms-animation-name: nodeInserted; | |
| 70 | -moz-animation-name: nodeInserted; | |
| 71 | -webkit-animation-name: nodeInserted; | |
| 72 | } | |
