A Pen by MadheswaranM

Developer
MadheswaranM
Size
1,765 Kb
Views
14,168
  1. A Pen by MadheswaranM Previews
  2. A Pen by MadheswaranM HTML Codes
  3. A Pen by MadheswaranM CSS Codes

How do I make an a pen by madheswaranm?

What is a a pen by madheswaranm? How do you make a a pen by madheswaranm? This script and codes were developed by MadheswaranM on 19 November 2022, Saturday.

A Pen by MadheswaranM Previews
IQ Test

A Pen by MadheswaranM - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by MadheswaranM</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="box">	<div class="loader6"></div>	<p>loader 6</p>	</div>
</body>
</html>

A Pen by MadheswaranM - Script Codes CSS Codes

.box:nth-child(2n-1){ background-color: rgba(0,0,0,1);
}
.box{ display: inline-block; height: 200px; width: 33.3%; float:left; position: relative; transition: all .2s ease;
}
/* -------------- loader6 -------------- */
.loader6{	position: relative;	width: 12px;	height: 12px;	top: 46%;	top: -webkit-calc(50% - 6px);	top: calc(50% - 6px);	left: 46%;	left: -webkit-calc(50% - 6px);	left: calc(50% - 6px);	border-radius: 12px;	background-color: #fff;	-webkit-transform-origin: 50% 50%;	transform-origin: 50% 50% ;	-webkit-animation: loader6 1s ease-in-out infinite;	animation: loader6 1s ease-in-out infinite;
}
.loader6:before{	content: "";	position: absolute;	background-color: rgba(255, 255, 255, .5);	top: 0px;	left: -25px;	height: 12px;	width: 12px;	border-radius: 12px;
}
.loader6:after{	content: "";	position: absolute;	background-color: rgba(255, 255 ,255 ,.5);	top: 0px;	left: 25px;	height: 12px;	width: 12px;	border-radius: 12px;
}
@-webkit-keyframes loader6{ 0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(180deg);}
}
@keyframes loader6{ 0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(180deg);}
}
A Pen by MadheswaranM - Script Codes
A Pen by MadheswaranM - Script Codes
Home Page Home
Developer MadheswaranM
Username madhes
Uploaded November 19, 2022
Rating 3
Size 1,765 Kb
Views 14,168
Do you need developer help for A Pen by MadheswaranM?

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!

MadheswaranM (madhes) Script Codes
Name
According View
Menu hover effect
Custom checkboxes with CSS only
Simple hover effect for delete option
Flip test
According height change
Create amazing Facebook ads 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!