Forked from Mohammed Yassine Jaya's Pen HTML invoice.
A Pen by Mwangi Thiga on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| - var data = [ | |
| - { | |
| - slist: ['329, 100%, 70%', '337, 99%, 58%'], | |
| - icon: '🍓', | |
| - title: 'gingerbread', | |
| - ptext: 'Cake muffin donut chocolate cake jelly sesame wafer tart pie muffin.' | |
| - }, | |
| - { | |
| - slist: ['48, 99%, 58%', '33, 94%, 55%'], | |
| - icon: '🍋', |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="app"> | |
| <svg class="dial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="150 0 350 600"> | |
| <defs> | |
| <clipPath id="clip-path"> | |
| <path fill="none" d="M27.7.3h331.7v332.32H27.7z"/> | |
| </clipPath> | |
| <clipPath id="clip-path-2"> | |
| <path fill="none" clip-path="url(#clip-path)" d="M28.4.9h.6l-.6.7V.9z"/> | |
| </clipPath> | |
| <clipPath id="clip-path-3"> |
Slinjez
/ functioning-analog-clock.markdown
Created
February 11, 2023 08:26
Functioning Analog Clock
Slinjez
/ in-out-of-focus-text-effect.markdown
Created
April 21, 2024 13:26
In/out of focus text effect
A Pen by Jonny Scholes on CodePen.
OlderNewer