How to get a full screen popup for 2 seconds just like flatuicolors?

I am building a web application something similar to flatuicolors.com and I want the screen to go full when a color is clicked on and display the color along with some text for 2 seconds and go away. div class="row"> <div class="box col-xs-2 btn" id="red1" data-clipboard-text="#E44236"><p>#E44236</p></div> <div class="box col-xs-2 btn" id="red2" data-clipboard-text="#B83227"><p>#B83227</p></div> <div class="box col-xs-2 btn" id="red3" data-clipboard-text="#D63031"><p>#D63031</p></div> <div class="box col-xs-2 btn" id="red4" data-clipboard-text="#E84342"><p>#E84342</p></div> <div class="box col-xs-2 btn" id="red5" data-clipboard-text="#FF3031"><p>#FF3031</p></div> </div> <div class="row diGi"> <div class="box col-xs-2 btn" id="red6" data-clipboard-text="#BA2F16"><p>#BA2F16</p></div> <div class="box col-xs-2 btn" id="red7" data-clipboard-text="#EC4849"><p>#EC4849</p></div> <div class="box col-xs-2 btn" id="red8" data-clipboard-text="#FF3E4D"><p>#FF3E4D</p></div> <div class="box col-xs-2 btn" id="red9" data-clipboard-text="#E71C23"><p>#E71C23</p></div> <div class="box col-xs-2 btn" id="red10" data-clipboard-text="#EA425C"><p>#EA425C</p></div> </div>