Polygon-style gradient pull quote

Developer
Matt Popovich
Size
2,917 Kb
Views
54,648
  1. Polygon-style gradient pull quote Previews
  2. Polygon-style gradient pull quote HTML Codes
  3. Polygon-style gradient pull quote CSS Codes

How do I make an polygon-style gradient pull quote?

What is a polygon-style gradient pull quote? How do you make a polygon-style gradient pull quote? This script and codes were developed by Matt Popovich on 02 August 2022, Tuesday.

Polygon-style gradient pull quote Previews
IQ Test

Polygon-style gradient pull quote - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Polygon-style gradient pull quote</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="column">	<p>	Reroute all power to the energy shield. We've got to hold them till all transports are away. Prepare for ground assault. What is it, General? Lord Vader, the fleet has moved out of light-speed, and we're preparing to... Aaagh!	</p>	<q>"Two fighters against a Star Destroyer?"</q>	<p>	You have failed me for the last time, Admiral.	</p>	<p>	Captain Piett. Yes, my lord. Make ready to land our troops beyond the energy shield and deploy the fleet so that nothing gets off that system. You are in command now, Admiral Piett. Thank you, Lord Vader. All troop carriers will assemble at the north entrance. The heavy transport ships will leave as soon as they're loaded.	</p>	<p>	Only two fighter escorts per ship. The energy shield can only be opened for a short time, so you'll have to stay very close to your transports.	</p>	<p>	Two fighters against a Star Destroyer?	</p>	<p>	The ion cannon will fire several shots to make sure that any enemy ships will be out of your flight path. When you've gotten past the energy shield, proceed directly to the rendezvous point.	</p>
</div>
</body>
</html>

Polygon-style gradient pull quote - Script Codes CSS Codes

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
body { background-color: #E7E7E2;
}
.column { padding: 20px 20px; max-width: 600px; margin: 0 auto;
}
p { font-family: 'Mercury SSm A', 'Mercury SSm B', Georgia, serif; font-size: 17px; line-height: 1.6;
}
q { font-family: 'Gotham SSm A', 'Gotham SSm B', 'Proxima Nova', Futura, Helvetica, sans-serif; font-weight: 400; letter-spacing: 1.5px; font-style: normal; font-size: 30px; line-height: 1.25em; text-transform: uppercase; color: #A32B68; float: right; max-width: 350px; margin: 10px -15% 10px 20px; background: -webkit-linear-gradient(top, #fd0b58 0px, #a32b68 100%); background: linear-gradient(top, #fd0b58 0px, #a32b68 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
q:before { content: '';
}
q:after { content: '';
}
Polygon-style gradient pull quote - Script Codes
Polygon-style gradient pull quote - Script Codes
Home Page Home
Developer Matt Popovich
Username mpopv
Uploaded August 02, 2022
Rating 4
Size 2,917 Kb
Views 54,648
Do you need developer help for Polygon-style gradient pull quote?

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!

Matt Popovich (mpopv) Script Codes
Name
SCSS Grid System
Text-rendering comparison
Magazine article
Increment Card Hover Style
A Pen by Matt Popovich
Make Your Own Marco Mag
MoonJS Hello World
Paint on Heat Distortion
Bent Hose
Fog city night festival
Create amazing web content 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!