Showing the class some basics
How do I make an showing the class some basics?
What is a showing the class some basics? How do you make a showing the class some basics? This script and codes were developed by Mark Santiago on 02 November 2022, Wednesday.
Showing the class some basics - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>showing the class some basics</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="mainbody"> <div class="head"></div> <div class="body"></div> <div class="limbs"></div>
</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Showing the class some basics - Script Codes CSS Codes
.mainbody{ transition:all 1s ease; position:absolute; top:100px;
}
.head{ width:100px; height:100px; border-radius:50%; margin-left:50px; margin-top:40px; background:orange;
}
.body{ height:200px; width:100px; margin-left:50px; background:red;
}
.limbs{ background:blue; width:200px; height:40px; position:absolute; top:200px;
}
.jump{ top:50px; transform:rotate(359deg);
}
Showing the class some basics - Script Codes JS Codes
$(".mainbody").on('click',function(){ $(this).toggleClass("jump");
})
![Showing the class some basics - Script Codes](http://shots.codepen.io/msantiago1256/pen/WGBjNE-512.jpg)
Developer | Mark Santiago |
Username | msantiago1256 |
Uploaded | November 02, 2022 |
Rating | 3 |
Size | 1,807 Kb |
Views | 8,096 |
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!
Name | Size |
Playing with user.me user generator | 4,530 Kb |
CSS Nav ideas to show team | 3,179 Kb |
Playing with pseudo and animate | 2,525 Kb |
Working out an idea for a site design... | 3,873 Kb |
Interactive Business Card | 2,585 Kb |
Dribbble 2 CSS relaxer | 4,293 Kb |
Work in progress... | 2,190 Kb |
A Pen by Mark Santiago | 5,878 Kb |
Cute Wolverine CSS | 5,080 Kb |
Variation on first rotating frames | 2,235 Kb |
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!
Name | Username | Size |
Ionic - Wordpress REST API starter | Superpikar | 2,961 Kb |
Social buttons | Flacu | 2,022 Kb |
A Pen by Taylor Vowell | Taylorvowell | 5,962 Kb |
Experiments with Vertical Centering | KatieK2 | 3,924 Kb |
Jochaho Skeleton | Dhanushbadge | 1,689 Kb |
Very Simple Slider | Doodlemarks | 2,682 Kb |
A Pen by Jonas Bjork | Jonasbjork | 3,115 Kb |
Pure CSS Spinners | Jlong | 2,043 Kb |
Bootstrap 4 Gridsystem Demo | Rivella50 | 1,535 Kb |
Simple Weather App | Cmwebby | 0 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!