Live
<div class="red"></div><div class="blue"></div><div class="green"></div>
Live
x
div { width: 100px; height: 100px; border-radius: 50%; position: absolute; mix-blend-mode: screen;}.red { background-color: rgba(255, 0, 0, 1);}.blue { background-color: rgba(0, 0, 255, 1); left: 50px;}.green { background-color: rgba(0, 255, 0, 1); left: 25px; top: 50px;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.