JSFiddle - React, Tailwind, and code Playground

by letanure

HTML

<div id="menu"></div>

CSS

body{
    background-color: #900;
}
#menu{
    height: 100px;
    background-image: url(http://st.depositphotos.com/1011280/3311/v/950/depositphotos_33112053-Abstract-geometric-circle-pattern-background.jpg);
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABkCAYAAACCXsDxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQzIxNTNGRDhERDgxMUUzODU3NUVGM0MzQTg2Mjk0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQzIxNTNGRThERDgxMUUzODU3NUVGM0MzQTg2Mjk0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJDMjE1M0ZCOEREODExRTM4NTc1RUYzQzNBODYyOTQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJDMjE1M0ZDOEREODExRTM4NTc1RUYzQzNBODYyOTQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aKX8RAAAAYhJREFUeNrsmjtKBEEURWtGhdEGTcY2ERNFYQLBTbgAA7cghoOBv8hPrIxLUHfhIkxEEdRAEwMFncTPgHofXSVFUT9Rs/vgMtX06cOj52Wva2VZKk/tISvIp0qXl617wAWkjSxmSINszel4ADlDppFrpIW8B6RR1u14SYNSk8hypNsoa3c8jFwho9b9B2QKeXakSdbueNUBpZrImqfbJGs6HkcukSGP5AWZQe70dRZrOt4OgFKD+r76CSsdz+L3NDB6pj6QOX3OYkV8j8NYxsx2rT8uVb3+TGmu8HvG6+qfimKKKaaYYooppphiiimmmGKKKaaYYooppphiiimmmGKKKf4TcTeTvdBJlazqT0Q8ghwl4ENVbcpbGewxMm/WxxOqWgk3POCrqlbCt/o6izXvWB7qBDroWNIUe2BYe0Uvr0TW7k0LfFTV2v3JESRZeypkZ7/lCHY9UsPuxNjffgZxrru80exbaI57yLo+b0akhjUfEWzYUqm+oih88yrvcD9ztr3slwADAEKUVy0rpOPvAAAAAElFTkSuQmCC);
}