A Pen by Christian Stuff
How do I make an a pen by christian stuff?
What is a a pen by christian stuff? How do you make a a pen by christian stuff? This script and codes were developed by Christian Stuff on 01 August 2022, Monday.
A Pen by Christian Stuff - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Christian Stuff</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <span class="e-accordion-toggle"></span> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
A Pen by Christian Stuff - Script Codes CSS Codes
body { margin: 20px;
}
.e-accordion-toggle { cursor: pointer; display: inline-block; height: 5px; padding: 10px; position: relative; width: 6px;
}
.e-accordion-toggle:after,
.e-accordion-toggle:before { background: #000; content: ''; height: 3px; position: absolute; transition: margin 400ms ease-in-out, transform 400ms ease-in-out; width: 15px;
}
.e-accordion-toggle:before { left: 1px; transform: rotate(-45deg);
}
.e-accordion-toggle:after { left: 10px; transform: rotate(45deg);
}
.e-accordion-toggle.state-open:before { margin-top: 2px; transform: rotate(45deg);
}
.e-accordion-toggle.state-open:after { margin-top: 2px; transform: rotate(-45deg);
}
A Pen by Christian Stuff - Script Codes JS Codes
$(function() { $('.e-accordion-toggle').on('click', function() { $(this).toggleClass('state-open'); });
});
Developer | Christian Stuff |
Username | Regaddi |
Uploaded | August 01, 2022 |
Rating | 3 |
Size | 2,265 Kb |
Views | 46,552 |
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 |
Bootstrap3 Grid-Test | 2,580 Kb |
Plus Minus expand toggle | 2,177 Kb |
Tc.Module.Teaser.Thin | 2,255 Kb |
Tc.Module.Teaser | 2,346 Kb |
Advent of Code 2016 - Day 8 | 4,236 Kb |
Navigation and Back Icon | 2,254 Kb |
Tc.Module.Visual | 2,289 Kb |
Tiles | 1,486 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 |
A Pen by Stan Williams | Stanssongs | 6,706 Kb |
Simple checkbox style | Vncnz | 2,628 Kb |
Animated Donut Chart | Jplhomer | 3,808 Kb |
Basic 3D Fullscreen Transition | Apetrov | 3,270 Kb |
Sticky menu on scroll | Senff | 2,869 Kb |
Form Labels | Bartuc | 2,717 Kb |
Tile Animation Thing | Frxnz | 4,332 Kb |
Slide out Menu | Rbiggs | 4,936 Kb |
Progressively reveal dots on a Bezier curve | GreenSock | 2,489 Kb |
RWD Conversion Practice | Jxqr97 | 2,743 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!