A Pen by Todd Moy

Developer
Todd Moy
Size
2,144 Kb
Views
16,192
  1. A Pen by Todd Moy Previews
  2. A Pen by Todd Moy HTML Codes
  3. A Pen by Todd Moy CSS Codes

How do I make an a pen by todd moy?

What is a a pen by todd moy? How do you make a a pen by todd moy? This script and codes were developed by Todd Moy on 14 October 2022, Friday.

A Pen by Todd Moy Previews
IQ Test

A Pen by Todd Moy - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Todd Moy</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <svg class="logo"> <rect id="t-m" class="logo_square" x="10" y="0" width="10" height="10" style="fill:#00B3E3" /> <rect id="t-r" class="logo_square" x="20" y="0" width="10" height="10" style="fill:#1A82E2" /> <rect id="m-l" class="logo_square" x="00" y="10" width="10" height="10" style="fill:#99E1F4" /> <rect id="m-m" class="logo_square" x="10" y="10" width="10" height="10" style="fill:#009DD9" /> <rect id="m-r" class="logo_square" x="20" y="10" width="10" height="10" style="fill:#00B3E3" /> <rect id="b-l" class="logo_square" x="0" y="20" width="10" height="10" style="fill:#1A82E2" /> <rect id="b-m" class="logo_square" x="10" y="20" width="10" height="10" style="fill:#99E1F4" />
</svg>
</body>
</html>

A Pen by Todd Moy - Script Codes CSS Codes

html, body { height: 100%; min-height: 100%;
}
body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.logo { display: block; width: 30px; height: 30px;
}
.logo .logo_square { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation: hideshow; animation: hideshow;
}
@-webkit-keyframes hideshow { 0% { opacity: 0; } 100% { opacity: 1; }
}
@keyframes hideshow { 0% { opacity: 0; } 100% { opacity: 1; }
}
A Pen by Todd Moy - Script Codes
A Pen by Todd Moy - Script Codes
Home Page Home
Developer Todd Moy
Username toddmoy
Uploaded October 14, 2022
Rating 3
Size 2,144 Kb
Views 16,192
Do you need developer help for A Pen by Todd Moy?

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!

Todd Moy (toddmoy) Script Codes
Name
Pulsar
SVG Animation Test
Chrome Store Copy
Modal Interaction Test
Experiment
Header Test
Flexbox test
Hidden Menu Test
Loader 5
Experiment
Create amazing web 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!