An Interest In:
Web News this Week
- April 3, 2024
- April 2, 2024
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
Maker tag
Introducing Maker Tag, a customizable HTML and CSS based widget that allows you to display a text tag on your website. The widget is designed to be easily added to any website with minimal configuration.
To add the Maker Tag widget to your website, simply add the following JavaScript code to your web page:
<script src="https://cdn.jsdelivr.net/gh/alohe/[email protected]/dist/mwl.min.js"></script>
The widget can be customized by passing an object to the MakerTag constructor. You can customize the tag's text, link, color, background, margin, padding, font size, font weight, border radius, position, shadow, and hover effects. Additionally, you can enable the animated gradient background.
Here is an example of the default configuration:
<script> new MakerTag({ text: "Made with by Alohe", link: "https://alohe.github.io", position: "bottom-left", background: "radial-gradient(circle at left, #FFE2A3 0%, #fff 50%, #FFE2A3 100%)", color: "#E59F0D", animated: true, padding: "10px 20px", margin: "10px", font: { size: "13px", weight: "700", }, borderRadius: "13px", hover: { color: "", background: "", shadow: "", }, shadow: "none", });</script>
Maker Tag is free and open-source, so you can use it for any personal or commercial project.
To learn more or want to make a contribution, visit the GitHub page at https://github.com/alohe/maker-tag and be sure to give it a .
And, Thank you for reading .
Original Link: https://dev.to/alohe/maker-tag-1mdn
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To