A Pen by Nick Nikolov
How do I make an a pen by nick nikolov?
What is a a pen by nick nikolov? How do you make a a pen by nick nikolov? This script and codes were developed by Nick Nikolov on 17 October 2022, Monday.
A Pen by Nick Nikolov - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Nick Nikolov</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrap">
<div class="loader1"></div> </div>
</body>
</html>
A Pen by Nick Nikolov - Script Codes CSS Codes
.wrap{ padding:50px;
}
.loader1{ /*width:300px;*/ display:block; position: relative; } .loader1:before{ content:''; display:block; position:absolute; left:0;top:0; width: 6px; height: 6px; background:transparent; border-radius: 6px; text-align: center; -webkit-animation:light 2s ease-in-out infinite; animation:light 2s ease-in-out infinite; position: relative; z-index: 2; } .loader1:after{ content: ''; display:block; position:absolute; top:50%; height:1px; left:0%; width: 0%; -webkit-animation:laser 2s linear infinite; animation:laser 2s linear infinite; background:transparent; z-index: 0; } @-webkit-keyframes laser { 45%{ background:transparent; width:0%; left:0%; } 50%{ background:red; width:50px; left:0%; } 100%{ left:100%; width:0%; } } @keyframes laser { 45%{ background:transparent; width:0%; left:0%; } 50%{ background:red; width:50px; left:0%; } 100%{ left:100%; width:0%; } } @-webkit-keyframes light { 0%{ } 50%{ background:red; border-color: red; box-shadow: red 0px 0px 10px; } 80%{ background:red; border-color: red; box-shadow: red 0px 0px 10px; } } @keyframes light { 0%{ } 50%{ background:red; border-color: red; box-shadow: red 0px 0px 10px; } 80%{ background:red; border-color: red; box-shadow: red 0px 0px 10px; } }
Developer | Nick Nikolov |
Username | necks |
Uploaded | October 17, 2022 |
Rating | 3 |
Size | 1,732 Kb |
Views | 14,168 |
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 |
Player Flip Cards | 4,314 Kb |
SVG Clock | 2,163 Kb |
4 color border for highlighting feature elements | 4,105 Kb |
60fps animated SVG waves hero | 3,268 Kb |
Page header bar toggle on scroll | 4,141 Kb |
Simple grid layout | 1,978 Kb |
Gallery image deck | 2,396 Kb |
Progress bars with colour change. | 3,845 Kb |
Spinning Loader | 2,273 Kb |
Simple drawer menu | 5,625 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 |
Canvas snow | Win7killer | 2,572 Kb |
Sass Radar | Jlong | 6,887 Kb |
NgEasyModal | Lorenzodianni | 4,159 Kb |
Realistic Buttons | Stoypenny | 2,248 Kb |
Birthday Party Starter | Aussieyang | 1,629 Kb |
Print element on a page | Mrs_snow | 2,081 Kb |
Guidepopup | Wooljs | 3,747 Kb |
BabyStore | Pablo-Ai | 3,807 Kb |
Learning canvas drawing | Aurer | 2,204 Kb |
Underlined form fields | Mitchdot | 2,323 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!