SVG eyes tracking the mouse. The idea I had was to make the avatar smile when the mouse gets close to the call-to-action element.

https://codepen.io/art-eque/pen/LEYoQRa

#WebAnimation #CreativeCoding #UXDesign #CallToAction #AvatarInteraction

Eyes tracking mouse. Javascript

...

Simulating the Earth’s rotation using CSS and the clip-path property isn’t new. Is this any good?

https://codepen.io/art-eque/pen/XWGMpOW

#CSS #WebDesign #FrontendDevelopment #CreativeCoding #Animation #ClipPath #WebAnimation

Earth Rotation

...

Ứng dụng "Bouncy House" anim hóa bất kỳ website nào với 1 dòng code! 🌟 Tô.sdk, chọn trigger/edit phần tử → xuất ra CDN. Beta nhưng already tương thích khi nào đó. Features: animation trình Ciudad, text typewriter, công cụ simpler. T年到 tại bouncyhouse.dev hoặc Chrome Store. Mình cần feedback từ cộng đồng nhé! #BouncyHouse #WebAnimation #Brow esas #BetaApp #Làmthựctế

https://www.reddit.com/r/SideProject/comments/1o75l75/app_to_animate_any_website/

“As an ode to the train stations of my childhood, I bring you a skeuomorph split-flap web component.” fx.hot.page/split-flap #webanimation

Split Flap
HotFX Split Flap

“As an ode to the train stations of my childhood, I bring you a skeuomorph split-flap web component.

“If you want a text animation that lasts way too long and will surely kill all your K.P.I.s, you can do it in two steps using the <hotfx-split-flap> custom element.”



https://fx.hot.page/split-flap #WebAnimation

HotFX Split Flap

Did you know that paper texture can be used in animation and web animation? Yes, it is possible! These textures can add depth, warmth, and realism to your designs, making them stand out and feel more tangible. Experiment with different paper styles to see how they can transform your animations. #GraphicDesignTips #TextureMagic #WebAnimation #DesignMaterials
Did you know that wood texture can enhance animations and web designs? It's true! By simulating natural materials, designers can add depth and warmth to digital projects, creating a more engaging experience. These little-known applications of texture can transform a project from flat to dynamic. #TextureTech #DesignTips #WebAnimation #WoodTexture
Brad Woods Digital Garden

Notes about creative coding on the Web.

Brad Woods Digital Garden
Make Your Own Tammy from Creepwood Costume

Tammy (voiced by Grey DeLisle-Griffin) is one of the three protagonists of the animated pilot Creepwood.  A cheerleader at Creepwood High School, Tammy fights zombies alongside fellow classmates Wallace and Dante.  In addition to being a cheerleader, she is also a martial artist.  Tammy has long blo

Carbon Costume

Anyone good with CSS animation interested in helping improve the Join the Fediverse website?

https://github.com/jointhefediverse-net/jointhefediverse.net/issues/95

#fediverse #CSS #CSSAnimation #WebAnimation #webdev #opensource #HelpWanted

Update the fediverse animation so that messages flow both ways · Issue #95 · jointhefediverse-net/jointhefediverse.net

jointhefediverse-animation.webm Right now it just looks like all messages are being sent to a central point. Ideally, they should also be sent out to show that conversations are happening.

GitHub