CSS3 HTML5 Animation from CodePen

2.1K views
no comments
9 May 2018 2:26 am

SmearA PEN BY J Scott Smith

Smear

Smearing some random polygons made with spring points

Cursor trails using p5.js / processingA PEN BY Siddharth Thevaril

Cursor trails using p5.js / processing

This example makes uses of p5.js’ p5.Vector class.

The Last ExperienceA PEN BY Gerard Ferrandez

The Last Experience

It appeared that the robots were dancing in perfect synchronous harmony. That is, until something unexplained happened and drove them to break apart.

3D Tube ToggleA PEN BY Chris Gannon

3D Tube Toggle

I’ve been trying to crack this for ages – this is as close as I could get to a perspective tube. It’s essentially made up of two circle with a rhomboid polygon shape joining them. The circles scale up and down and the rhomboid polygon morphs its end to match the circles’ scale.

I could not stopA PEN BY Gerard Ferrandez

I could not stop

housands of clicks later, I could still not stop, no matter how hard I tried…

Gravity PointsA PEN BY Akimitsu Hamamuro

Gravity Points

When a circle is formed with the creation of many points it gives the impression that it was a vision of the universe in its beginnings and then boom.

Tearable ClothA PEN BY dissimulate

Tearable Cloth

Javascript cloth simulation.

illuminatiA PEN BY Misha Tsankashvili

illuminati

The All-Seeing Eye 👁️ with pure css

Infinitely Complex ParquetryA PEN BY Liam Egan

Infinitely Complex Parquetry

Most of the stuff in here is just bootstrapping. Essentially it’s just
setting ThreeJS up so that it renders a flat surface upon which to draw
the shader.

just an illusionA PEN BY Gerard Ferrandez

just an illusion

ld dhteumeuleu script (2007), restored and saved here.

Canvas Orbital Trails v2A PEN BY Jack Rugile

Canvas Orbital Trails v2

drag anywhere on the screen to create new trails.

particles.jsA PEN BY Vincent Garreau

particles.js

particles.js – A lightweight JavaScript library for creating particles (canvas)

Des nouvelles d’IrmaA PEN BY Bailh

Des nouvelles d'Irma

Forked from Gregor Adams’s Pen pastelDotsPlanet | pastelDotsWeekend

fruit party popperA PEN BY Anya Melnyk

fruit party popper

Click on the fruit party popper to spread fruits on screen.

Wiggle WiggleA PEN BY Gabriel Cyrillo

Wiggle Wiggle

I know, I shouldn’t use a div for a button. C’mon, the effect is so cute!

3D FluxA PEN BY Scott R McGann

3D Flux

Animated 3D Flux.

Boh and Yubaba’s Bird [Ghibli CSS Series]A PEN BY chilli con code

Boh and Yubaba's Bird [Ghibli CSS Series]

The 5th in my Ghibli CSS Series, but my second pen of characters from Spirited Away, but it’s my favourite so I can’t help it :) Couldn’t make a pen of these guys though without adding a little animation as well :)

Click for Pac-Man to Follow – Codepen ChallengeA PEN BY Karolina

Click for Pac-Man to Follow - Codepen Challenge

PacMan challenge.

Space PongA PEN BY Joe Gaffey

Space Pong

Join Major Pong on patrol to experience the day after the last asteroid is destroyed and the last invader defeated. An experiment with parallax layers on DOM and canvas with some speech synth thrown in for fun.

Codevember day 13 _ Animated dashed lines (THREE.MeshLine fork)A PEN BY Jeremie Boulay

Codevember day 13 _ Animated dashed lines (THREE.MeshLine fork)

Dashed lines with my fork of THREE.MeshLine

Collatz ConjectureA PEN BY ninivert

Collatz Conjecture

Animating and illustrating the Collatz conjecture.

NOTE:Your Email Address will be not shown and please do not add spamming comments because here is REL="NOFOLLOW" on your links and comments also moderated shown.
<code>Put html css or any language code under this tag</code>