Member Avatar for Siberian

Hi, I need to have the SVG graphic eraser, animate and erase the SVG graphic, previous. I've tried aligning classes as in @keyframe .className; as well as nesting a class within @keyframe with no success ?

[Example]

  • 2 Contributors
  • 1 Reply
  • 194 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by gentlemedia
Member Avatar for gentlemedia

You will have to define the animation name in the @keyframe:

@keyframe er {
    /* do animations */
}

And to erase your object, you will need another method then an inline SVG. Probably canvas, but I'm not sure so you will have to dive into that yourself.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.