About
Explore
Events & Classes
Support Us
Join
Sign In
code-art
View Project Page
Run
Fullscreen
Clouder color palette
HTML
CSS
JS
<!-- Your new project - here it is! Create something awesome with the JUSTCodaborate code editor! Created by code-art, subject to copyright. --> <!DOCTYPE HTML> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <meta name="author" content="code-art"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class="colour-sect" id="colour1">#f18fad</div> <div class="colour-sect" id="colour2">#cff1f0</div> <div class="colour-sect" id="colour3">#ffe573</div> </body> </html>
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); body { font-family: "Monoton"; text-shadow: silver; } .colour-sect { height: 30%; position: absolute; width: 30%; margin: -10px; font-size: 30px; margin-left: 5px; padding: 10px; margin-top: 0.002%; } #colour1 { background-color: #f18fad; } #colour2 { background-color: #cff1f0; position: absolute; left: 30%; } #colour3 { background-color: #ffe573; position: absolute; left: 60%; }