LightColor Shapes

Developer
Lisakitty
Size
1,758 Kb
Views
52,624
  1. LightColor Shapes Previews
  2. LightColor Shapes HTML Codes
  3. LightColor Shapes CSS Codes

How do I make an lightcolor shapes?

What is a lightcolor shapes? How do you make a lightcolor shapes? This script and codes were developed by Lisakitty on 30 July 2022, Saturday.

LightColor Shapes Previews
IQ Test

LightColor Shapes - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>LightColor Shapes </title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1><center>Rainbow Shapes</center></h1> <hr>
<div class="shape square lightseagreen"id= special></div>
<div class="shape rectangle lightseagreen"></div>
<div class="shape circle lightseagreen"></div>
<div class="shape oval lightseagreen"></div>
<div class="shape square lightgreen"></div>
<div class="shape rectangle lightgreen"></div>
<div class="shape circle lightgreen"></div>
<div class="shape oval lightgreen"id=special></div>
<div class="shape square lightblue"></div>
<div class="shape rectangle lightblue"id= special></div>
<div class="shape circle lightblue"></div>
<div class="shape oval lightblue"></div>
<div class="shape square lightpurple"></div>
<div class="shape rectangle lightpurple"></div>
<div class="shape circle lightpurple" id="special"></div>
<div class="shape oval lightpurple"></div>
<div class="shape square lightpink"></div>
<div class="shape rectangle lightpink"></div>
<div class="shape circle lightpink"></div>
<div class="shape oval lightpink"id=special></div>
<div class="shape square gray"id=specials></div>
<div class="shape rectangle gray"id=specials></div>
<div class="shape circle gray"id=specials></div>
<div class="shape oval gray"id=specials></div>
</body>
</html>

LightColor Shapes - Script Codes CSS Codes

h1{ font-family:; color:silver; border-style:dotted;
}
hr{ border-color: lightseagreen; border-style:dotted;
}
body{ background-color:snow;
}
.shape{ width:100px; height:100px; border:outset; float:left;
}
.rectangle{ width:160px
}
.circle{ border-radius:100px;
}
.oval{ border-radius:100px; width: 140px;
}
.lightblue{ background-color: #cce4ff;
}
.lightpurple{ background-color: #ccccff
}
.lightpink{ background-color:#ffb3e6;
}
#special{ border: double 6px silver;
}
.lightseagreen{ background-color:lightseagreen;
}
.lightgreen{ background-color:#ccffcc;
}
.gray{ background-color:#cccccc
}
#specials{ border: double 6px snow;
}
LightColor Shapes - Script Codes
LightColor Shapes - Script Codes
Home Page Home
Developer Lisakitty
Username Lisakitty
Uploaded July 30, 2022
Rating 3
Size 1,758 Kb
Views 52,624
Do you need developer help for LightColor Shapes?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Lisakitty (Lisakitty) Script Codes
Name
Square
WordCloud
Explosion
Loading bar
Introduction on first Class
Shapes in Motion
Flags
Black kitty forecast
Mondrian Art
Teleporting Ghost
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!