#animations — Public Fediverse posts

How to Create Travel Route Animations inside Canva? 🗺✈️ https://www.youtube.com/watch?v=e5P-6IX0JRc 🎬💡 #Create #Travel #Route #Animations #Map #Canva

Animating CSS “border-image”, by @preethisam.bsky.social (@csstricks):

https://css-tricks.com/animating-css-border-image/?ref=frontenddogma.com

#css #borders #images #animations

Using “animation-composition” in CSS to Avoid Redeclaring Other Values, by @preethisam.bsky.social (@frontendmasters.com):

https://master.dev/blog/using-animation-composition-in-css-to-avoid-redeclaring-other-values/?ref=frontenddogma.com

#css #animations

#Development #Launches
morphicons · Morph any stroke SVG icon into any other https://ilo.im/16f2i8

_____
#SVG #Icons #Animations #Design #UiDesign #WebDesign #WebDev #Frontend #React #Vue #Svelte

Concerts, visites, balades… Nos idées de sorties pour ce week-end à Angers

https://www.angers.villactu.fr/concerts-visites-balades-nos-idees-de-sorties-pour-ce-week-end-a-angers/

#Angers #sorties #événements #animations #visites

#Development #Proposals
Styling the navigation · A proposal for route-aware styling in plain CSS https://ilo.im/16ey2f

_____
#ModernCSS #Styling #Routes #Navigations #Animations #ViewTransitions #WebDev #Frontend #CSS

How “animation-timeline: scroll()” Replaces Scroll JavaScript, by (not on Mastodon or Bluesky):

https://agustinbarrientos.com/writing/senior-eye/animation-timeline-scroll/?ref=frontenddogma.com

#css #scrolling #animations

Ep. 10 is LIVE! Come learn how to use local models and #Remotion to create your own #animations with code!

#DigitalDopamine #Podcast #AI #OpenCode #Ollama

https://open.substack.com/pub/digitaldopaminellc/p/local-remotion-animations-w-ollama?r=6fp208&utm_medium=ios

#Development #Examples
CSS infinity use cases · Some elegant solutions and a lot of joy https://ilo.im/16etfc

_____
#CssCalc #CssClamp #Borders #Animations #Transitions #ViewTransitions #Browsers #WebDev #Frontend #CSS

Masonry (With Animation) in CSS, by @chriscoyier (@frontendmasters.com):

https://master.dev/blog/masonry-with-animation-in-css/?ref=frontenddogma.com

#css #masonry #layout #animations

I made some transistor animations

https://brandonli.net/semisim/animations

Comments: https://news.ycombinator.com/item?id=49039868

#HackerNews #transistor #animations #tech #art #digital #design #electronics

Visites, concerts, croisière… Nos idées de sorties pour ce week-end à Angers

https://www.angers.villactu.fr/visites-concerts-croisiere-nos-idees-de-sorties-pour-ce-week-end-a-angers/

#Angers #sorties #événement #animations #weekend

How To Add Layer Animations in Slider Revolution WordPress Plugin? 🎬 https://www.youtube.com/watch?v=ePpbhhDkRio 💡🖼🪄 #Guide #Add #Layer #Animations #RevSlider #WordPress #Plugin

In-n-Out Animation Using “sibling-index()”, by @css (@frontendmasters.com):

https://master.dev/blog/in-n-out-animation-using-sibling-index/?ref=frontenddogma.com

#css #animations #functions

#Design #Launches
Resistenza Type Tools · A collection of creative tools for working with type https://ilo.im/16ei4a

_____
#Fonts #VariableFonts #Animations #Typography #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Animated Human Hologram Male 3D Model #3Dmodel #Hologram #Male #Animations #Games #Animation #Film #Design #3Dmodeling #Rigging #Animation #Pbr #Polygonmesh #Uvmapping #AssetStore

https://u3dn.com/packages/animated-human-hologram-male-3d-model-260584

How to Create Awesome Staggered Animations in CSS, by @logrocket.bsky.social:

https://blog.logrocket.com/css-staggered-animations/?ref=frontenddogma.com

#howtos #animations #css

cannot watch aislopped #videos. it isn't about politics. can confirm aislopped #animations give me #vertigo. just now had to shut down an animation poking fun at Pete Kegbreath’s man juice fetish because i got dizzy.

the first time i felt ill was watching #tv #ads but couldn’t believe it was the ads. most recently felt it watching a #TourDeFrance animation.

it has to do with the fake zooming and camera movement. they weirdly focus on the fore and background at the same time.

Les 40 ans de « Ville d’art et d’histoire » à #Blois 🏛️
En 1986, Blois obtenait ce label du ministère de la Culture, qui reconnaissait l’engagement de la Ville pour préserver, transmettre et faire vivre son #patrimoine.
En plus des nombreux projets de restauration passés et en cours, la Ville organise aussi des #animations tout l'été mais aussi lors des Journées européennes du patrimoine (19 et 20 sept. 2026) et des Rendez-vous de l'histoire (7 au 11 oct. 2026).

Détails : https://Blois.fr/agenda/vah

Concerts, visites guidées, théâtre… Nos idées de sorties pour ce week-end à Angers

https://www.angers.villactu.fr/concerts-visites-guidees-theatre-nos-idees-de-sorties-pour-ce-week-end-a-angers/

#Angers #sorties #animations #événements

Principles in Motion, by @chadcolby.bsky.social and others (@figma.com):

https://www.figma.com/blog/principles-in-motion/?ref=frontenddogma.com

#design #animations

#Development #Launches
Button State Builder · A visual editor for designing multi-state buttons https://ilo.im/16egqx

_____
#Buttons #Animations #Icons #Gradients #Effects #WebDev #Frontend #HTML #CSS #JavaScript

#Development #Introductions
Get ready for CSS ‘border-shape’ · Let’s create crazy shapes with modern CSS! https://ilo.im/16ecqr

_____
#ModernCSS #Borders #Shapes #Decorations #Animations #Browsers #WebDev #Frontend #CSS

Festival de Trélazé, visites guidées, ateliers… Nos idées de sorties pour ce week-end à Angers

https://www.angers.villactu.fr/festival-de-trelaze-visites-guidees-ateliers-nos-idees-de-sorties-pour-ce-week-end-a-angers/

#Angers #sorties #animations #événements #weekend

#Development #Techniques
Invisible but accessible interactive elements · Use cases and implementation techniques https://ilo.im/16edi0

_____
#Animations #Interactivity #Invisibility #Accessibility #WebDev #Frontend #HTML #CSS

#Development #Guides
How I set up view transitions · A deep dive into the mechanics behind the transitions https://ilo.im/16eds9

_____
#ModernCSS #ViewTransitions #Animations #CustomProperties #Browsers #WebDev #Frontend #CSS

Get Ready for the Powerful CSS “border-shape” Property, by @css (@csstricks):

https://css-tricks.com/get-ready-for-the-powerful-css-border-shape-property/?ref=frontenddogma.com

#css #borders #shapes #animations #examples

Le château du Plessis-Macé dévoile sa programmation estivale

https://www.angers.villactu.fr/le-chateau-du-plessis-mace-devoile-sa-programmation-estivale/

#Angers #châteauduplessismacé #animations #programmation