gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Started (#25531)

Browse Source 
Just wanted to get this one started!
This commit is contained in:
Kaitlyn
2018-11-25 03:11:53 -06:00
committed by Randell Dawson
parent 68090272ad
commit 6619c0bf00
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
guide/english/css/tutorials/how-to-add-stroke-to-web-text/index.md
View File

@ -2,10 +2,20 @@
title: How to Add Stroke to Web Text
---
## How to Add Stroke to Web Text
The stroke effect adds a comic book(try comic-sans), or vector look to a webpage, you're adding a border to the existing text. It's great for headers!
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/css/tutorials/how-to-add-stroke-to-web-text/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
```css
h1{
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color:#000;
-webkit-text-fill-color:#fff;
}
```
* Text-stroke-width: How wide the stroke is.
* Text-stroke-color: The color of the stroke.
* Text-fill-color: The color filling the border. Without it, or if it's the same color, the text will just look bolder.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->