Bring My Little Cookie Shop’s logo to life.The website already looks pretty nice, but Max, the owner, has hired you to sweeten it even more. Using keyframes and CSS properties within the SVG code itself, you’ll animate the logo with blinking stars and rotating text, then create the illusion of drawing a path. The logo includes two thin circles around a central design; you will make it look like those circles are being drawn and erased as the animation loops.
This liveProject is for frontend developers who know how to write an HTML page with divs, paragraphs, images, buttons, links, and form fields. To begin these liveProjects you will need to be familiar with the following:
In this liveProject, you’ll learn to animate an SVG with blinking stars, rotating text, and drawing circles: