css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

Posts tagged smil

saga of 70px logo continues

The best demo you’ll see all day: http://t.co/ompYeOjlkw OMFG

— David Walsh (@davidwalshblog) December 10, 2014

@davidwalshblog Enh. Better if it had two more wolves. And a moon. ...

Komori's SVG Animation "03octopus"

Komori's SVG loop animation is made with a free editor "9va-pi".

Komori's SVG Animation "03octopus"

Komori's SVG Animation "04torpede"

Komori's SVG loop animation is made with a free editor "9va-pi".

If animation is broken, hit RERUN. Firefox is nice. Only IE can't show SMIL animation.

[[[pen...

Komori's SVG Animation "05crab"

Komori's SVG loop animation is made with a free editor "9va-pi". If animation is broken, hit RERUN. Firefox is nice. Only IE can't show SMIL animation. [[[pen...

Komori's SVG Animation "06birds"

Komori's SVG loop animation is made with a free editor "9va-pi". If animation is broken, hit RERUN. Firefox is nice. Only IE can't show SVG SMIL animation. [[[pen...

Komori's SVG Animation "07airplane"

Komori's SVG loop animation is made with a free editor "9va-pi". If animation is broken, hit RERUN. Firefox is nice. IE can't show SVG SMIL animation.

[[[pen...

Komori's SVG Animation "08fishing"

Komori's animated SVG is made with a free editor "9va-pi". If animation is broken, hit RERUN. Firefox is nice. IE can't show SVG SMIL animation.

[[[pen slug-hash='xbjRXN'...

Different Animation Techniques

I was watching the video recording of the Bay Area CodePen Meetup and got curious of different animation techniques when I heard Sarah Drasner (@sarah_edo) talk about GSAP and SVG animations.

So I...

Six steps to make SVG Animation from Openclipart

openclip-svg.jpeg

This article shows six steps to make SVG animation from Openclipart by the use of a free vector animation editor.

The article "Make animation from Openclipart's SVG with...

How to make SVG Loop Animation?

How to make SVG Loop Animation?

Loop Animation is useful to make a bird flying or a man walking etc.

In this article I will explane how to make SVG Loop Animation without using Java Script.

SVG...

Make Barrel Fish animation from Openclipart SVG

barrelFish00.png

This is an article which describes the process of making an animation from Openclipart's SVG.

barrelFish.gif

Openclipart library is a collection of 100% license-free art that...