Super Discount

Developer
Size
3,225 Kb
Views
2,024

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 Previews

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);
Super Discount - Script Codes
Super Discount - Script Codes
Home Page Home
Developer Orrin Ward
Username orrinward
Uploaded February 01, 2023
Rating 3
Size 3,225 Kb
Views 2,024
Do you need developer help for Super Discount?

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!

Orrin Ward (orrinward) Script Codes
Create amazing video scripts 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!