Sketch heart

Developer
Barbara Laird
Size
2,202 Kb
Views
4,048
  1. Sketch heart Previews
  2. Sketch heart HTML Codes
  3. Sketch heart CSS Codes
  4. Sketch heart JS Codes

How do I make an sketch heart?

Just a comic-ish heart. What is a sketch heart? How do you make a sketch heart? This script and codes were developed by Barbara Laird on 16 January 2023, Monday.

Sketch heart Previews
IQ Test

Sketch heart - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>sketch heart</title> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ .heart:after { content: ''; height:200px; width: 100px; background:#e33e6d; background-image: -webkit-radial-gradient(0 center, 100px 200px, #e33e6d 70px, #ca3164 72px, #dd5778 82px); border: 10px solid #ca3164; border-radius: 160% 160% 100% 100% / 150% 150% 160% 160%; transform: rotate(70deg); position:absolute; left:47px; top:30px;
}
.heart { margin:100px; position:relative; height:200px; width: 100px; background:#e33e6d; border: 10px solid #ca3164; border-radius: 160% 160% 100% 100% / 150% 150% 160% 160%; transform: rotate(-30deg);
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class='heart'></div> <script src="js/index.js"></script>
</body>
</html>

Sketch heart - Script Codes CSS Codes

.heart:after { content: ''; height:200px; width: 100px; background:#e33e6d; background-image: -webkit-radial-gradient(0 center, 100px 200px, #e33e6d 70px, #ca3164 72px, #dd5778 82px); border: 10px solid #ca3164; border-radius: 160% 160% 100% 100% / 150% 150% 160% 160%; transform: rotate(70deg); position:absolute; left:47px; top:30px;
}
.heart { margin:100px; position:relative; height:200px; width: 100px; background:#e33e6d; border: 10px solid #ca3164; border-radius: 160% 160% 100% 100% / 150% 150% 160% 160%; transform: rotate(-30deg);
}

Sketch heart - Script Codes JS Codes

/* tbd - add dotted line outside */
Sketch heart - Script Codes
Sketch heart - Script Codes
Home Page Home
Developer Barbara Laird
Username bhlaird
Uploaded January 16, 2023
Rating 3
Size 2,202 Kb
Views 4,048
Do you need developer help for Sketch heart?

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!

Barbara Laird (bhlaird) Script Codes
Name
Bullseye
Colors
A Pen by Barbara Laird
Codrops animated text
Movember
Coming Soon
Einstien Quotes
Windows
Atom
Hipster quote callout
Create amazing blog posts 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!