JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="DSPlayer">
	<div id="color">
    	<div class="DSPlayerCover"></div>
    </div>
</div>

CSS

.DSPlayer{
    background-image:url(https://goo.gl/wFAZMh);
    position: absolute;
    width:500px;
    height:500px;
    background-size: 100% 100%;
	z-index:1;
    overflow:hidden;
}
.DSPlayerCover{
    background:url(https://goo.gl/wFAZMh);
	position: absolute;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,1);
	-webkit-filter:blur(20px);
	background-size: cover;
    background-repeat: no-repeat;
}
#color{
	position:absolute;
    width:100%;
    height:100%;
    background-color:lightblue;
	z-index:2;
}