| <div class="tvNoiseContain"> | |
| <img src="https://prashantsani.com/Misc/codepen/tv.svg" alt="" class="tv"> | |
| <div class="noiseContain"> | |
| <div></div> | |
| </div> | |
| </div> | |
| <!-- | |
| Vintage CSS3 TV Noise |
| <html> | |
| <head> | |
| <style> | |
| .polaroid-images a { | |
| background: #fff; | |
| display: inline; | |
| float: left; | |
| margin: 0 0 27px 30px; |
This Twine macro lets you make the screen shake! Tested in Chrome and Firefox. Should work in Opera and IE 10+. Uses CSS3 animations, taken from this CSS Reset tutorial.
IMPORTANT NOTE: Due to a bug in Twine 1.3.5, macros do not work on the Start passage. If you want to use this code (or any other macro) on your starting passage, you should put your start passage in a new passage called "ActualStart" and then put the following code in the Start passage:
<<display ActualStart>>
| /** | |
| * @param {object} scope - Object that all bound data will be attached to. | |
| */ | |
| function twoWayBind(scope) { | |
| // a list of all bindings used in the DOM | |
| // @example | |
| // { 'person.name': [<input type="text" data-bind="person.name"/>] } | |
| var bindings = {}; | |
| // each bindings old value to be compared for changes |