A Pen by Rune Sejer Hoffmann

Developer
Rune Sejer Hoffmann
Size
2,211 Kb
Views
4,048
  1. A Pen by Rune Sejer Hoffmann Previews
  2. A Pen by Rune Sejer Hoffmann HTML Codes
  3. A Pen by Rune Sejer Hoffmann CSS Codes

How do I make an a pen by rune sejer hoffmann?

What is a a pen by rune sejer hoffmann? How do you make a a pen by rune sejer hoffmann? This script and codes were developed by Rune Sejer Hoffmann on 10 December 2022, Saturday.

A Pen by Rune Sejer Hoffmann Previews
IQ Test

A Pen by Rune Sejer Hoffmann - Script Codes HTML Codes

<!DOCTYPE html>
<html class="tiny spinner">
<head> <meta charset="UTF-8"> <title>A Pen by Rune Sejer Hoffmann</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> <div class="spinner">
<svg viewBox="0 0 100 115">
<path d="M 50 40 A 10 10 0 1 1 50 80 A 20 20 0 1 1 50 40 Z" />
</svg>
</div>
</body>
</html>

A Pen by Rune Sejer Hoffmann - Script Codes CSS Codes

body { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #222333;
}
svg { width: 50px; height: 50px;
}
.spinner { -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;
}
svg path { fill: none; stroke: rgba(255, 255, 255, 0.3); stroke-width: 10; stroke-linecap: round; stroke-dasharray: 120; stroke-dashoffset: 120; -webkit-animation: dash 1.3s linear infinite; animation: dash 1.3s linear infinite;
}
@-webkit-keyframes dash { 0% { stroke-dashoffset: 20; } 50% { stroke-dashoffset: 100; } 100% { stroke-dashoffset: 20; }
}
@keyframes dash { 0% { stroke-dashoffset: 20; } 50% { stroke-dashoffset: 100; } 100% { stroke-dashoffset: 20; }
}
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
A Pen by Rune Sejer Hoffmann - Script Codes
A Pen by Rune Sejer Hoffmann - Script Codes
Home Page Home
Developer Rune Sejer Hoffmann
Username RSH87
Uploaded December 10, 2022
Rating 4
Size 2,211 Kb
Views 4,048
Do you need developer help for A Pen by Rune Sejer Hoffmann?

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!

Rune Sejer Hoffmann (RSH87) Script Codes
Name
3d mini flip player concept
Perspective CSS hover effect
3D CSS Gameboy
AngularJS Todolist
Content aware dropdown
Another menu concept
Material design card
Fadout menu concept
Svg polycat
Menu concept
Create amazing video scripts 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!