# Creating a Text Outline Effect

**URL:** <https://forum.kirupa.com/t/creating-a-text-outline-effect/636302>\
**Category:** programming\
**Created:** [March 27, 2017, 12:53am UTC](https://forum.kirupa.com/t/creating-a-text-outline-effect/636302 "2017-03-27T00:53:19Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 27, 2017, 12:53am UTC](https://forum.kirupa.com/t/creating-a-text-outline-effect/636302/1 "2017-03-27T00:53:19Z")

</div>

by [kirupa](https://www.kirupa.com/me/index.htm) | 25 March 2017

Over the past few years, a bunch of cool things were added to CSS to make text pop and look awesome. One such cool thing is the ability to display just the text outline without relying on any hacks. Take a look at the following example:

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/tricks/text\_outline\_effect.htm](http://www.kirupa.com/tricks/text_outline_effect.htm)