JSFiddle - React, Tailwind, and code Playground

by csshat

HTML

<div></div>

CSS

div{

    width: 445px;
    height: 445px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHJhZGlhbEdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjQ3JSIgY3k9IjUwJSIgcj0iNTAlIiA+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8L3JhZGlhbEdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient fill */
    background-image: -moz-radial-gradient(47% 50%, circle, #000 0%, #fff 100%); /* gradient fill */
    background-image: -o-radial-gradient(47% 50%, 50% 50%, #000 0%, #fff 100%); /* gradient fill */
    background-image: -webkit-radial-gradient(47% 50%, 50% 50%, #000 0%, #fff 100%); /* gradient fill */
    background-image: radial-gradient(47% 50%, 50% 50%, #000 0%, #fff 100%); /* gradient fill */

}