WP Logo AnimationView Project Online
Wanted to start experimenting a bit more with SVG and animations so I created a Pen to learn.
As my favorite CMS, I decided to go with the WordPress logo. I took a few samples of SVGs of the WordPress logo and then grouped the paths and created the circle for simplicity reasons. Through CSS, I added a fade in and rotation to the group of paths that holds the W, and then the outer circle (a stroke) fill.
- SVG group to manipulate paths as one
- SVG animation via CSS (Sass/SCSS) animation/keyframes
Simple but fun project to play with.
Link to Pen with experiment and code: https://codepen.io/mae829/pen/jGbMVv