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

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

Ứ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

“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

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

Animate a mesh across a sphere's surface

https://garden.bradwoods.io/notes/javascript/three-js/animate-a-mesh-on-a-spheres-surface

#HackerNews #AnimateMesh #SphereSurface #ThreeJS #WebAnimation #GraphicsProgramming

How to make your own Tammy from Creepwood costume! #cartoonmonsoon #cheerleader #creepwood #greydelislegriffin #webanimation #cosplay #costume

https://carboncostume.com/tammy-from-creepwood/

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

Hey friends, my calendar opens up in Q1 2025. If you have contract opportunities in #WebDev, keep me in mind!

I’m pretty flexible—solo dev handling an entire project to staff aug w/ an internal team. Bonus points for #UIDev, #WebAnimation, and #DesignSystems!

https://stevenwoodson.com/project-inquiry/

Hey friends, my calendar opens up in Q1 2025. If you have contract opportunities in #WebDev, keep me in mind! I’m pretty flexible—solo dev handling an entire project to staff aug w/ an internal team. Bonus points for #UIDev, #WebAnimation, and #DesignSystems! stevenwoodson.com/project-inqu...

Web Development Project Inquir...

[animation] I Love You in Morse Code #webanimation

https://invidious.nerdvpn.de/watch?v=jGqQrgGXW-E

Bckp.:

https://youtu.be/jGqQrgGXW-E

xD

Unlock the full potential of Framer Motion with the powerful useAnimation hook! In this comprehensive guide, I dive deep into mastering animation control in Remix/React applications. Learn how to create complex, multi-step animations, synchronize multiple elements, and dynamically adjust animations based on user interactions!

🔗 https://darkviolet.ai/blog/framer-motions-useanimation-hook-master-animation-control

#webanimation #uiux #webdesign #appdesign #webdev

Mastering Web Animation with Canvas [ JavaScript CSS HTML ]

Learn Web Animation with Canvas. Creative Coding [ code art ] by using vanilla JavaScript and Mathematical Magic

https://couponfrogg.com/coupons/advanced-web-animation-with-canvas-javascript-css-html/

#WebAnimation

Interactive Web Animation [ JavaScript SVG CSS & Canvas ]

Learn Web Animation Tools [ SVG Animation CSS Animation JavaScript Animation Canvas Animation ] Theory & Practice

https://couponfrogg.com/coupons/interactive-web-animation/

#WebAnimation

How to make your own Neopolitan (School Disguise) from RWBY costume! #caseyleewilliams #konomifujimura #neopolitan #roosterteeth #rwby #webanimation #cosplay #costume

https://carboncostume.com/neopolitan-school-disguise-from-rwby/

Played around a bit more with #rive and added a navbar example with an animated button - still need to figure out how to crop in Rive Editor https://rive-vite-demo.vercel.app/
#webdev #webanimation

⚾️ Bouncy Ball
by @hearsparkbox
Compare web animation techniques by showing how to bounce a ball with each one.
#animation #webanimation #js #webdev

https://sparkbox.github.io/bouncy-ball/#vanilla-js

hey, looking for a tutorial on how to export GLTF (or something else) from Cinema 4D and import it into ThreeJS - with animation and textures. Any hints to get started? Thanks! 🤗

#threejs #cinema4d @MaxonCinema4D #webanimation #gltf