SVG (All Topics)

My 1st SVG Animations

17 Feb 2020

I created my first 2 SVG animations.

My similar “remake” of the original jpeg image using Inkscape:

version="1.1" id="logo" sodipodi:docname="ibewOrig.svg" inkscape:version="0.92.2 5c3e80d, 2017-08-06"> SINCE 1923

Above, using css with svg, the “IBEW LOCAL 40” words pop out and in. Upon page-load the date fades in while the “SERVING the MOTION PICTURE INDUSTRY” message around the bottom is stroked over. Finally, the fist smacks the “HOLLYWOOD” sign. Refresh your browser to view again.

The following retains the organizationally approved jpeg image using Inkscape to add the transparent image with message, which was then animated with css.

version="1.1" id="sig" inkscape:version="0.92.2 5c3e80d, 2017-08-06" sodipodi:docname="IBEWsig.svg"> image/svg+xml