Super Discount
How do I make an super discount?
3d-Text with text-shadow**Added fittext. What is a super discount? How do you make a super discount? This script and codes were developed by Orrin Ward on 01 February 2023, Wednesday.
Super Discount - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Super Discount</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <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! */ .canvas { background: #f5e326; max-width: 800px; width: 90%; margin: 0 auto; text-align: center;
}
h1 { font: bold 10em/.825 "arial narrow", Helvetica, Arial, sans-serif;; color: #fff; position: relative; top: .5em; letter-spacing: -.065em; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; -webkit-transform: skewY(-25deg); -moz-transform: skewY(-25deg); transform: skewY(-25deg); text-shadow: 1px 1px 1px #000, 2px 2px 1px #000, 3px 3px 1px #000, 4px 4px 1px #000, 5px 5px 1px #000, 6px 6px 1px #000, 7px 7px 1px #000, 8px 8px 1px #000, 9px 9px 1px #000, 10px 10px 1px #000, 11px 11px 1px #000, 12px 12px 1px #000, 13px 13px 1px #000, 14px 14px 1px #000, 15px 15px 1px #000, 16px 16px 1px #000, 17px 17px 1px #000, 18px 18px 1px #000, 19px 19px 1px #000, 20px 20px 1px #000, 21px 21px 1px #000, 22px 22px 1px #000, 23px 23px 1px #000, 24px 24px 1px #000, 25px 25px 1px #000, 26px 26px 1px #000, 27px 27px 1px #000, 28px 28px 1px #000, 29px 29px 1px #000, 30px 30px 1px #000, 31px 31px 0 #000;
}
h2 { font: bold .5em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; margin-top: 6em; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class="canvas">
<h1 contenteditable="true">Super<br />Discount</h1>
<h2>Edit the type :)</h2>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Super Discount - Script Codes CSS Codes
.canvas { background: #f5e326; max-width: 800px; width: 90%; margin: 0 auto; text-align: center;
}
h1 { font: bold 10em/.825 "arial narrow", Helvetica, Arial, sans-serif;; color: #fff; position: relative; top: .5em; letter-spacing: -.065em; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; -webkit-transform: skewY(-25deg); -moz-transform: skewY(-25deg); transform: skewY(-25deg); text-shadow: 1px 1px 1px #000, 2px 2px 1px #000, 3px 3px 1px #000, 4px 4px 1px #000, 5px 5px 1px #000, 6px 6px 1px #000, 7px 7px 1px #000, 8px 8px 1px #000, 9px 9px 1px #000, 10px 10px 1px #000, 11px 11px 1px #000, 12px 12px 1px #000, 13px 13px 1px #000, 14px 14px 1px #000, 15px 15px 1px #000, 16px 16px 1px #000, 17px 17px 1px #000, 18px 18px 1px #000, 19px 19px 1px #000, 20px 20px 1px #000, 21px 21px 1px #000, 22px 22px 1px #000, 23px 23px 1px #000, 24px 24px 1px #000, 25px 25px 1px #000, 26px 26px 1px #000, 27px 27px 1px #000, 28px 28px 1px #000, 29px 29px 1px #000, 30px 30px 1px #000, 31px 31px 0 #000;
}
h2 { font: bold .5em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; margin-top: 6em; }
Super Discount - Script Codes JS Codes
/*global jQuery */
/*!
* FitText.js 1.0
*
* Copyright 2011, Dave Rupert http://daverupert.com
* Released under the WTFPL license
* http://sam.zoy.org/wtfpl/
*
* Date: Thu May 05 14:23:00 2011 -0600
*/
(function( $ ){ $.fn.fitText = function( kompressor, options ) { // Setup options var compressor = kompressor || 1, settings = $.extend({ 'minFontSize' : Number.NEGATIVE_INFINITY, 'maxFontSize' : Number.POSITIVE_INFINITY }, options); return this.each(function(){ // Store the object var $this = $(this); // Resizer() resizes items based on the object width divided by the compressor * 10 var resizer = function () { $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize))); }; // Call once to set. resizer(); // Call on resize. Opera debounces their resize by default. $(window).on('resize', resizer); }); };
})( jQuery ); $(".canvas h1").fitText(.7); $(".canvas h2").fitText(2.5);
Developer | Orrin Ward |
Username | orrinward |
Uploaded | February 01, 2023 |
Rating | 3 |
Size | 3,225 Kb |
Views | 2,024 |
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!
Name | Size |
Elephants Full screen site | 3,981 Kb |
MCB Blog Style | 7,326 Kb |
Markerly Demo | 1,919 Kb |
SMR2013 hack | 18,853 Kb |
Price Comparison Table | 3,459 Kb |
Expandable block items. | 2,923 Kb |
AfG Utilities Testing | 2,739 Kb |
Leemail signup form play | 2,092 Kb |
Basic leemail playground | 3,870 Kb |
Virtual Freshers Fair Layout | 9,349 Kb |
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!
Name | Username | Size |
LBCA - Mail canvas | Emnbdx | 3,856 Kb |
Sticky menu on scroll | Senff | 2,869 Kb |
Pricing Table | Semenchenko | 6,784 Kb |
Personal Logo Animation | Lloydwheeler | 3,795 Kb |
Drag and Drop Quiz | Cgspicer | 3,837 Kb |
Wrap_Test | Mscfourn | 7,503 Kb |
JS Countdown Timer | Ayoungh | 2,435 Kb |
12 DAYS OF XMAS | Proto78 | 2,313 Kb |
Calculator | Rzencoder | 4,572 Kb |
My three.js practice | Esambino | 3,203 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!