Skip to main content

Posts

Featured

Its Skipping, but in SVG Animations

 Well Jolly, has been doing some pull ups, for quite some time now, so why not make him do some skipping! This time though, lets use CSS to do the work. First lets create Jolly. Here we are using the <g> tag to declare a group of SVG elements. <svg width='500' height='800'> <g id="human-being"> <circle class='human' id='head'cx='200' cy='300' r='60'> </circle> <polyline class='human' id='body' points='200,365 200,550'> </polyline> <polyline class='human' id='armR' points='200,365 235,455 280,515'> </polyline> <polyline class='human' id='armL' points='200,365 165,455 120,515'> </polyline> <polyline class='human' id='legR' points='200,550 255,695'> </polyline> <polyline class=&

Latest Posts

Can you survive on a Browser?

Its Pullups, but in SVG Animations

Pure JavaScript Animations

Playing Minecraft in the Terminal

How to learn (appreciating) programming

Evolution of Colors - II

Unity v/s Godot

Evolution of Colors - I