Pink and Blue

Developer
Tamuna
Size
2,312 Kb
Views
6,072
  1. Pink and Blue Previews
  2. Pink and Blue HTML Codes
  3. Pink and Blue CSS Codes

How do I make an pink and blue?

My naming skills continue to amaze me -..- Please, don't be lazy to leave a comment, I have self-confidence to raise T..T. What is a pink and blue? How do you make a pink and blue? This script and codes were developed by Tamuna on 03 January 2023, Tuesday.

Pink and Blue Previews
IQ Test

Pink and Blue - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Pink and Blue</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>

Pink and Blue - Script Codes CSS Codes

div { float: left; width: 0px; height: 0px;
}
div:nth-child(5), div:nth-child(9), div:nth-child(13) { clear: left;
}
div:first-child, div:nth-child(2), div:nth-child(3), div:nth-child(4), div:nth-child(9), div:nth-child(10), div:nth-child(11), div:nth-child(12) { border-top: 50px solid #f335ff; border-bottom: 50px solid #0040ff;
}
div:nth-child(5), div:nth-child(6), div:nth-child(7), div:nth-child(8), div:nth-child(13), div:nth-child(14), div:nth-child(15), div:nth-child(16) { border-top: 50px solid #0040ff; border-bottom: 50px solid #f335ff;
}
div:nth-child(odd) { border-right: 50px solid #a54bff; border-left: 50px solid #3ebdff;
}
div:nth-child(even) { border-right: 50px solid #3ebdff; border-left: 50px solid #a54bff;
}
div:first-child, div:nth-child(3), div:nth-child(9), div:nth-child(11) { -webkit-animation: spinOne 8s ease-in-out infinite; -moz-animation: spinOne 8s ease-in-out infinite; -o-animation: spinOne 8s ease-in-out infinite; animation: spinOne 8s ease-in-out infinite;
}
div:nth-child(2), div:nth-child(4), div:nth-child(10), div:nth-child(12) { -webkit-animation: spinTwo 8s ease-in-out infinite; -moz-animation: spinTwo 8s ease-in-out infinite; -o-animation: spinTwo 8s ease-in-out infinite; animation: spinTwo 8s ease-in-out infinite;
}
div:nth-child(5), div:nth-child(7), div:nth-child(13), div:nth-child(15) { -webkit-animation: spinThree 8s ease-in-out infinite; -moz-animation: spinThree 8s ease-in-out infinite; -o-animation: spinThree 8s ease-in-out infinite; animation: spinThree 8s ease-in-out infinite;
}
div:nth-child(6), div:nth-child(8), div:nth-child(14), div:nth-child(16) { -webkit-animation: spinFour 8s ease-in-out infinite; -moz-animation: spinFour 8s ease-in-out infinite; -o-animation: spinFour 8s ease-in-out infinite; animation: spinFour 8s ease-in-out infinite;
}
@-webkit-keyframes spinOne { 0% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #0040ff; border-left: 50px solid #3ebdff; } 25% { border-top: 50px solid #a54bff; border-right: 50px solid #0040ff; border-bottom: 50px solid #3ebdff; border-left: 50px solid #f335ff; } 50% { border-top: 50px solid #0040ff; border-right: 50px solid #3ebdff; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; } 75% { border-top: 50px solid #3ebdff; border-right: 50px solid #f335ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #0040ff; } 100% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #0040ff; border-left: 50px solid #3ebdff; }
}
@-moz-keyframes spinOne { 0% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #0040ff; border-left: 50px solid #0f0; } 25% { border-top: 50px solid #a54bff; border-right: 50px solid #0040ff; border-bottom: 50px solid #0f0; border-left: 50px solid #f335ff; } 50% { border-top: 50px solid #0040ff; border-right: 50px solid #0f0; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; } 75% { border-top: 50px solid #0f0; border-right: 50px solid #f335ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #0040ff; } 100% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #0040ff; border-left: 50px solid #0f0; }
}
@-o-keyframes spinOne { 0% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #F99AFF; border-left: 50px solid #0f0; } 25% { border-top: 50px solid #a54bff; border-right: 50px solid #F99AFF; border-bottom: 50px solid #0f0; border-left: 50px solid #f335ff; } 50% { border-top: 50px solid #F99AFF; border-right: 50px solid #0f0; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; } 75% { border-top: 50px solid #0f0; border-right: 50px solid #f335ff; border-bottom: 50px solid yellow; border-left: 50px solid #F99AFF; } 100% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #F99AFF; border-left: 50px solid #0f0; }
}
@-keyframes spinOne { 0% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #F99AFF; border-left: 50px solid #0f0; } 25% { border-top: 50px solid #a54bff; border-right: 50px solid #F99AFF; border-bottom: 50px solid #0f0; border-left: 50px solid #f335ff; } 50% { border-top: 50px solid #F99AFF; border-right: 50px solid #0f0; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; } 75% { border-top: 50px solid #0f0; border-right: 50px solid #f335ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #F99AFF; } 100% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #F99AFF; border-left: 50px solid #0f0; }
}
@-webkit-keyframes spinTwo { 0% { border-top: 50px solid #f335ff; border-right: 50px solid #3ebdff; border-bottom: 50px solid #0040ff; border-left: 50px solid #a54bff; } 25% { border-top: 50px solid #a54bff; border-right: 50px solid #f335ff; border-bottom: 50px solid #3ebdff; border-left: 50px solid #0040ff; } 50% { border-top: 50px solid #0040ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #3ebdff; } 75% { border-top: 50px solid #3ebdff; border-right: 50px solid #0040ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #f335ff; } 100% { border-top: 50px solid #f335ff; border-right: 50px solid #3ebdff; border-bottom: 50px solid #0040ff; border-left: 50px solid #a54bff; }
}
@-moz-keyframes spinTwo { 0% { border-top: 50px solid #f335ff; border-right: 50px solid #0f0; border-bottom: 50px solid #F99AFF; border-left: 50px solid #a54bff; } 25% { border-top: 50px solid #a54bff; border-right: 50px solid #f335ff; border-bottom: 50px solid #0f0; border-left: 50px solid #f99aff; } 50% { border-top: 50px solid #F99AFF; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #0f0; } 75% { border-top: 50px solid #0f0; border-right: 50px solid #f99aff; border-bottom: 50px solid #a54bff; border-left: 50px solid #f335ff; } 100% { border-top: 50px solid #f335ff; border-right: 50px solid #0f0; border-bottom: 50px solid #F99AFF; border-left: 50px solid #a54bff; }
}
@-o-keyframes spinTwo { 0% { border-top: 50px solid #f335ff; border-right: 50px solid #0f0; border-bottom: 50px solid #F99AFF; border-left: 50px solid #a54bff; } 25% { border-top: 50px solid #a54bff; border-right: 50px solid #f335ff; border-bottom: 50px solid #0f0; border-left: 50px solid #f99aff; } 50% { border-top: 50px solid #F99AFF; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #0f0; } 75% { border-top: 50px solid #0f0; border-right: 50px solid #f99aff; border-bottom: 50px solid #a54bff; border-left: 50px solid #f335ff; } 100% { border-top: 50px solid #f335ff; border-right: 50px solid #0f0; border-bottom: 50px solid #F99AFF; border-left: 50px solid #a54bff; }
}
@-keyframes spinTwo { 0% { border-top: 50px solid #f335ff; border-right: 50px solid #0f0; border-bottom: 50px solid #F99AFF; border-left: 50px solid #a54bff; } 25% { border-top: 50px solid #a54bff; border-right: 50px solid #f335ff; border-bottom: 50px solid #0f0; border-left: 50px solid #f99aff; } 50% { border-top: 50px solid #F99AFF; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #0f0; } 75% { border-top: 50px solid #0f0; border-right: 50px solid #f99aff; border-bottom: 50px solid #a54bff; border-left: 50px solid #f335ff; } 100% { border-top: 50px solid #f335ff; border-right: 50px solid #0f0; border-bottom: 50px solid #F99AFF; border-left: 50px solid #a54bff; }
}
@-webkit-keyframes spinThree { 0% { border-top: 50px solid #0040ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #3ebdff; } 25% { border-top: 50px solid #3ebdff; border-right: 50px solid #0040ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #f335ff; } 50% { border-top: 50px solid #f335ff; border-right: 50px solid #3ebdff; border-bottom: 50px solid #0040ff; border-left: 50px solid #a54bff; } 75% { border-top: 50px solid #a54bff; border-right: 50px solid #f335ff; border-bottom: 50px solid #3ebdff; border-left: 50px solid #0040ff; } 100% { border-top: 50px solid #0040ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #3ebdff; }
}
@-moz-keyframes spinThree { 0% { border-top: 50px solid #0040ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #0f0; } 25% { border-top: 50px solid #0f0; border-right: 50px solid #0040ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #f335ff; } 50% { border-top: 50px solid #f335ff; border-right: 50px solid #0f0; border-bottom: 50px solid #0040ff; border-left: 50px solid #a54bff; } 75% { border-top: 50px solid #a54bff; border-right: 50px solid #f335ff; border-bottom: 50px solid #0f0; border-left: 50px solid #0040ff; } 100% { border-top: 50px solid #0040ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #0f0; }
}
@-opera-keyframes spinThree { 0% { border-top: 50px solid #F99AFF; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #0f0; } 25% { border-top: 50px solid #0f0; border-right: 50px solid #F99AFF; border-bottom: 50px solid #a54bff; border-left: 50px solid #f335ff; } 50% { border-top: 50px solid #f335ff; border-right: 50px solid #0f0; border-bottom: 50px solid #F99AFF; border-left: 50px solid #a54bff; } 75% { border-top: 50px solid #a54bff; border-right: 50px solid #f335ff; border-bottom: 50px solid #0f0; border-left: 50px solid #F99AFF; } 100% { border-top: 50px solid #F99AFF; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #0f0; }
}
@-keyframes spinThree { 0% { border-top: 50px solid #F99AFF; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #0f0; } 25% { border-top: 50px solid #0f0; border-right: 50px solid #F99AFF; border-bottom: 50px solid #a54bff; border-left: 50px solid #f335ff; } 50% { border-top: 50px solid #f335ff; border-right: 50px solid #0f0; border-bottom: 50px solid #F99AFF; border-left: 50px solid #a54bff; } 75% { border-top: 50px solid #a54bff; border-right: 50px solid #f335ff; border-bottom: 50px solid #0f0; border-left: 50px solid #F99AFF; } 100% { border-top: 50px solid #F99AFF; border-right: 50px solid #a54bff; border-bottom: 50px solid #f335ff; border-left: 50px solid #0f0; }
}
@-webkit-keyframes spinFour { 0% { border-top: 50px solid #0040ff; border-right: 50px solid #3ebdff; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; } 25% { border-top: 50px solid #3ebdff; border-right: 50px solid #f335ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #0040ff; } 50% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #0040ff; border-left: 50px solid #3ebdff; } 75% { border-top: 50px solid #a54bff; border-right: 50px solid #0040ff; border-bottom: 50px solid #3ebdff; border-left: 50px solid #f335ff; } 100% { border-top: 50px solid #0040ff; border-right: 50px solid #3ebdff; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; }
}
@-moz-keyframes spinFour { 0% { border-top: 50px solid #F99AFF; border-right: 50px solid #0f0; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; } 25% { border-top: 50px solid #0f0; border-right: 50px solid #f335ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #F99AFF; } 50% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #F99AFF; border-left: 50px solid #0f0; } 75% { border-top: 50px solid #a54bff; border-right: 50px solid #F99AFF; border-bottom: 50px solid #0f0; border-left: 50px solid #f335ff; } 100% { border-top: 50px solid #F99AFF; border-right: 50px solid #0f0; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; }
}
@-o-keyframes spinFour { 0% { border-top: 50px solid #F99AFF; border-right: 50px solid #0f0; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; } 25% { border-top: 50px solid #0f0; border-right: 50px solid #f335ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #F99AFF; } 50% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #F99AFF; border-left: 50px solid #0f0; } 75% { border-top: 50px solid #a54bff; border-right: 50px solid #F99AFF; border-bottom: 50px solid #0f0; border-left: 50px solid #f335ff; } 100% { border-top: 50px solid #F99AFF; border-right: 50px solid #0f0; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; }
}
@-keyframes spinFour { 0% { border-top: 50px solid #F99AFF; border-right: 50px solid #0f0; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; } 25% { border-top: 50px solid #0f0; border-right: 50px solid #f335ff; border-bottom: 50px solid #a54bff; border-left: 50px solid #F99AFF; } 50% { border-top: 50px solid #f335ff; border-right: 50px solid #a54bff; border-bottom: 50px solid #F99AFF; border-left: 50px solid #0f0; } 75% { border-top: 50px solid #a54bff; border-right: 50px solid #F99AFF; border-bottom: 50px solid #0f0; border-left: 50px solid #f335ff; } 100% { border-top: 50px solid #F99AFF; border-right: 50px solid #0f0; border-bottom: 50px solid #f335ff; border-left: 50px solid #a54bff; }
}
Pink and Blue - Script Codes
Pink and Blue - Script Codes
Home Page Home
Developer Tamuna
Username AlienPiglet
Uploaded January 03, 2023
Rating 3
Size 2,312 Kb
Views 6,072
Do you need developer help for Pink and Blue?

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!

Tamuna (AlienPiglet) Script Codes
Name
Spin Around the Cursor
Creamy Form
CSS Clock
Rainbow Fan
Canvas Night Sky
Monochrome Form
CSS DropDown Menu
CSS Color Spin
Anbani Flashcards
Simple Counter
Create amazing captions 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!