Forums

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

Home Forums CSS How to add shadows to an SVG image

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #277361
    sitkadude
    Participant

    I found the CSS code in the link below to help me create a glowing effect on a line a text for a project I was doing. I am now trying to do the same effect on different sections of an svg file. I have been able to isolate and target specific sections of the svg (different sections of the svg turn individually white when I hover over each of them, see “fill:#ffffff in code”), but the glow around each object does not appear as it did when i used this code on text. I am assuming that “text-shadow” does not work for an svg, but I am assuming my problem is more than that (problems with @keyframes, etc.). Does anyone know how I can tweak this to make it work on an svg? (e.g. what does “text-shadow” need to change to?). Thanks!!

    https://codepen.io/sitkadude/pen/xyRgOP

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