KW Online Tools Zone
Knowledge Walls
View All Tools Home
CINEMASCOPE POPUP
[Jquery editor]
Run
Share Link
Clear
HTML [Ctrl+Enter] - to run
<div id="bg_blocking_layer"> <div id="corder-right-bottom-layout"> Layout </div> </div> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1>
CSS [Ctrl+Enter] - to run
#corder-right-bottom-layout { position: fixed; background-color: darkgreen; height: 150px; padding: 10px; color: white; box-shadow: 0 0 1px gray; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto 0; } #bg_blocking_layer { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; margin: auto; background-color: rgba(0,0,0,0.5); }
Jquery [Ctrl+Enter] - to run
OUTPUT
Copyright © 2021 Knowledge walls, All rights reserved
Copyright © 2021 Knowledge walls, All rights reserved