Moving Elements
Click on element.
Use arrow keys to move elements.
-- 20x20x100 black square -- style='cursor:pointer;position:absolute;top:20px;left:20px;width:100px;height:100px;background:black;z-index:10;' -- 20x20x100 black square centered -- style='cursor:pointer;position:absolute;top:50%;left:50%;width:100px;height:100px;background:black;z-index:10;transform:translate(-50%,-50%);' -- Fullscreen black transparent square -- style='cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10;pointer-events:none;' -- Fullscreen red gradient square -- style='cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));z-index:10;pointer-events:none;' -- 100x100 black circle centered -- style='cursor:pointer;position:absolute;top:50%;left:50%;width:100px;height:100px;background:black;z-index:10;transform:translate(-50%,-50%);border-radius:50%;'
console.log(); alert("Hello World!");returnEvents();
(O)
↻
...
0px
#c1c2c3
dbLink
dbLink