Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Show stroke only around text

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #177346
    welshmark
    Participant

    Is it possible to show only a stroke around text with a transparent background?

    In a similar way to putting a stroke in Photoshop then setting the fill opacity to 0%.

    Thanks

    #177382
    Paulie_D
    Member

    Is it possible to show only a stroke around text with a transparent background?

    As you can see from the above links…it is possible, but without knowing what you are actually trying to achieve it’s hard to offer the right suggestion.

    if the ‘stroke’ is transparent…whats the point?

    #177400
    CrocoDillon
    Participant

    Real text stroke is webkit only, which is a bit sad. Luckily you can get a much better browser support with SVG text strokes, and as a bonus it falls back to normal text automatically :)

    Proof of concept: http://codepen.io/CrocoDillon/pen/dGIsK

    For both methods it sucks that you can’t have inner or outer strokes, but for a transparent fill it doesn’t matter anyway.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.