Untitled

dabblet.css

#f {
width: 50px; 
height: 50px; 
opacity:0; 
visibility: hidden; 
background: yellow;
float: left;
margin-left: 0%;
transition: margin 2s ease-in}
/*раскомментировать для анимации*/
#f {margin-left: 50%; margin-top: 180px}

dabblet.html

<div><div id='f'></div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad debitis ea eveniet quas voluptates. Aut blanditiis earum eos, iusto nobis optio rem soluta. Accusamus aliquid aperiam consectetur consequuntur dicta dolores ducimus et exercitationem illo incidunt iste laboriosam libero officia, omnis, possimus quod ratione sequi soluta tempore vitae. Animi architecto beatae delectus distinctio ea facere iure magni, molestiae nisi, nostrum officia pariatur possimus praesentium quae quis recusandae repudiandae voluptates. A adipisci amet asperiores aspernatur commodi cum deserunt dignissimos enim error et facilis fugit ipsa ipsam, laudantium magnam molestiae quae sunt tempora tenetur veniam vitae voluptatem voluptatum. Minima numquam qui quibusdam voluptatum.</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}