Easy-to-Use
Strock effect Headings
style01
style02
style03
<style>
/*<![CDATA[*/
.stroke {
-webkit-text-stroke-width: 2px;
-moz-text-stroke-width: 2px;
-webkit-text-stroke-color: #111;
-moz-text-stroke-color: #111;
color: transparent;
}
.shadow {
text-shadow: 4px 4px #e9221a;
}
.stroke-shadow {
text-shadow: -2px 0 #111827, 0 -2px #111827, 2px 0 #111827, 0 2px #111827, 2px 2px #111827, -2px -2px #111827, -2px 2px #111827, 2px -2px #111827, 4px 4px #db2777;
}
/*]]>*/
</style>
<div class="stroke">
<h3 style="font-size:60px;">
Create something great
</h3>
</div>
<div class="stroke">
<h3 style="
font-size:90px;color: black; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff;">
Be unique
</h3>
</div>
1. Click the Matrix Themes admin menu and select the 'Shortcodes' section.
2. Choose any custom widget using the copy button.
3. Paste the widget code to your website inside the 'Widget/HTML' module.
4. Customize it by adding your own text and images.
Make your own website
with built-in tools to grow your business online.