A Pen by Lisa Macken

Developer
Lisa Macken
Size
2,231 Kb
Views
18,216
  1. A Pen by Lisa Macken Previews
  2. A Pen by Lisa Macken HTML Codes
  3. A Pen by Lisa Macken CSS Codes

How do I make an a pen by lisa macken?

What is a a pen by lisa macken? How do you make a a pen by lisa macken? This script and codes were developed by Lisa Macken on 01 October 2022, Saturday.

A Pen by Lisa Macken Previews
IQ Test

A Pen by Lisa Macken - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Lisa Macken</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html>
<head>	<title>Logo Animation</title>	<link rel="stylesheet" href="css/style.css">
</head>
<body> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600">	<path class="logo" fill="transparent" d="M455.404 356.795l-337.756 3.207c-15.122-38.155-23.5-151.719 77.034-218.746 31.72-21.146 58.45-29.193 93.579-38.932 51.568-14.305 106.092-26.23 106.092-26.23s-72.066-36.985-162.311-8.912c-96.005 29.858-176.401 117.044-176.401 229.116 0 33.881 2.652 66.154 14.944 95.564 2.274 5.046 6.13 10.404 8.822 16.076.33.655 344.542 1.965 344.542 1.965l31.455-53.108zM378.931 231.543l-57.582-104.674-101.104 29.215s-48.072 127.625 8.097 176.554c0 0 44.379-134.612 57.857-118.139l34.258 131.621h80.884s56.902-191.127 67.726-147.411c0 0 89.36 128.027-35.715 250.009-21.599 21.05-50.864 33.707-90.067 43.688-51.247 13.038-213.396-7.903-248.865-52.31 5.185 6.875 27.416 38.941 45.493 53.06 42.23 34.91 104.739 61.792 163.802 61.792 41.917 0 88.256-15.497 125.562-34.1 82.361-46.814 122.507-131.708 122.507-224.551 0-78.545-39.396-140.485-96.379-185.939-12.79-9.055-24.748-18.663-36.135-23.036-.05-.027 4.566 83.367-40.339 144.221z"/></svg>
</body>
</html>
</body>
</html>

A Pen by Lisa Macken - Script Codes CSS Codes

/* ---------------	Keyframes
---------------*/
@keyframes offset {	100% {	stroke-dashoffset: 0;	}
}
@keyframes fill-it {	100% {	fill: #000;	}
}
/* ---------------	SVG Styles
---------------*/
svg {	display: block;	margin: 2em auto 0;	width: 40%;
}
.logo {	stroke: #000;	stroke-width: 5;	stroke-dasharray: 2650;	stroke-dashoffset: 2650;	animation: offset 5s linear forwards,	fill-it 1s 5s forwards;	transform-origin: 50% 50%;	transition: transform .2s ease-out;
}
.logo:hover {	transform: scale(1.2, 1.2);
}
A Pen by Lisa Macken - Script Codes
A Pen by Lisa Macken - Script Codes
Home Page Home
Developer Lisa Macken
Username lmack90
Uploaded October 01, 2022
Rating 3
Size 2,231 Kb
Views 18,216
Do you need developer help for A Pen by Lisa Macken?

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!

Lisa Macken (lmack90) Script Codes
Name
CodeCamp - Front-End Challenge
SmoothScroll Navigation 2
Rollover Effect 1
RollOver Effect 2
Simple Quiz
Image moves with mouse
A JQuery Mobile Quiz Game
Columns everywhere
Menu smoothscroll
SVG icons
Create amazing art & images 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!