react-watermark-ui
Version:
Watermark component for React projects
24 lines (23 loc) • 2.97 kB
CSS
._1XCL2 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
._1XCL2::after {
content: '';
background-image: url('data:image/png;base64,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');
transform: translate(-50%, -50%) rotate(-45deg);
width: 500%;
height: 500%;
left: 50%;
top: 50%;
opacity: 0.2;
position: absolute;
pointer-events: none;
}