home.social

#animations — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #animations, aggregated by home.social.

fetched live
  1. Frontend Dogma @[email protected] ·

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

    css-tricks.com/animating-css-b

    #css #borders #images #animations

    #animations #images #borders #css
  2. Frontend Dogma @[email protected] ·

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

    css-tricks.com/animating-css-b

    #css #borders #images #animations

    #animations #images #borders #css
  3. Frontend Dogma @[email protected] ·

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

    master.dev/blog/using-animatio

    #css #animations

    #animations #css
  4. Frontend Dogma @[email protected] ·

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

    master.dev/blog/using-animatio

    #css #animations

    #animations #css
  5. Inautilo @[email protected] ·

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

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

    #development #launches #svg #icons #animations #design
  6. Inautilo @[email protected] ·

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

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

    #development #launches #svg #icons #animations #design
  7. Angers Villactu @[email protected] ·

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

    angers.villactu.fr/concerts-vi

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

    #angers #sorties #evenements #animations #visites
  8. Inautilo @[email protected] ·

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

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

    #development #proposals #moderncss #styling #routes #navigations
  9. Inautilo @[email protected] ·

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

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

    #development #proposals #moderncss #styling #routes #navigations
  10. U3dn @[email protected] ·

    Martial Outfits for Unity - Man and Woman #Unity #Martial #Outfits #Man #Woman #Rigged #Animations #Materials #Textures #Pbr #Urp #Hdrp #Unity #Windows #Mac #AssetStore

    u3dn.com/packages/martial-outf

    #unity #martial #outfits #man #woman #rigged
  11. Frontend Dogma @[email protected] ·

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

    agustinbarrientos.com/writing/

    #css #scrolling #animations

    #animations #scrolling #css
  12. Frontend Dogma @[email protected] ·

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

    agustinbarrientos.com/writing/

    #css #scrolling #animations

    #animations #scrolling #css
  13. Digital Dopamine @[email protected] ·

    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

    open.substack.com/pub/digitald

    #remotion #animations #digitaldopamine #podcast #ai #opencode
  14. Digital Dopamine @[email protected] ·

    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

    open.substack.com/pub/digitald

    #remotion #animations #digitaldopamine #podcast #ai #opencode
  15. Inautilo @[email protected] ·

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

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

    #development #examples #csscalc #cssclamp #borders #animations
  16. Inautilo @[email protected] ·

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

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

    #development #examples #csscalc #cssclamp #borders #animations
  17. Frontend Dogma @[email protected] ·

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

    master.dev/blog/masonry-with-a

    #css #masonry #layout #animations

    #animations #layout #masonry #css
  18. Frontend Dogma @[email protected] ·

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

    master.dev/blog/masonry-with-a

    #css #masonry #layout #animations

    #animations #layout #masonry #css
  19. Hacker News @[email protected] ·

    I made some transistor animations

    brandonli.net/semisim/animatio

    Comments: news.ycombinator.com/item?id=4

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

    #hackernews #transistor #animations #tech #art #digital
  20. Hacker News @[email protected] ·

    I made some transistor animations

    brandonli.net/semisim/animatio

    Comments: news.ycombinator.com/item?id=4

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

    #hackernews #transistor #animations #tech #art #digital
  21. Angers Villactu @[email protected] ·

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

    angers.villactu.fr/visites-con

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

    #angers #sorties #evenement #animations #weekend
  22. Claudio Pires @[email protected] ·

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

    #guide #add #layer #animations #revslider #wordpress
  23. Claudio Pires @[email protected] ·

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

    #guide #add #layer #animations #revslider #wordpress
  24. Frontend Dogma @[email protected] ·

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

    master.dev/blog/in-n-out-anima

    #css #animations #functions

    #functions #animations #css
  25. Frontend Dogma @[email protected] ·

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

    master.dev/blog/in-n-out-anima

    #css #animations #functions

    #functions #animations #css
  26. Inautilo @[email protected] ·

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

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

    #design #launches #fonts #variablefonts #animations #typography
  27. Inautilo @[email protected] ·

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

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

    #design #launches #fonts #variablefonts #animations #typography
  28. U3dn @[email protected] ·

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

    u3dn.com/packages/animated-hum

    #3dmodel #hologram #male #animations #games #animation
  29. Frontend Dogma @[email protected] ·

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

    blog.logrocket.com/css-stagger

    #howtos #animations #css

    #css #animations #howtos
  30. Frontend Dogma @[email protected] ·

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

    blog.logrocket.com/css-stagger

    #howtos #animations #css

    #css #animations #howtos
  31. your auntifa liza 🇵🇷 🦛 🦦 @[email protected] ·

    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.

    #videos #animations #vertigo #tv #ads #tourdefrance
  32. your auntifa liza 🇵🇷 🦛 🦦 @[email protected] ·

    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.

    #videos #animations #vertigo #tv #ads #tourdefrance
  33. Ville de Blois @[email protected] ·

    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 : Blois.fr/agenda/vah

    #blois #patrimoine #animations
  34. Ville de Blois @[email protected] ·

    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 : Blois.fr/agenda/vah

    #blois #patrimoine #animations
  35. Angers Villactu @[email protected] ·

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

    angers.villactu.fr/concerts-vi

    #Angers #sorties #animations #événements

    #angers #sorties #animations #evenements
  36. Maniko, meowderator => EF, Furality @[email protected] ·

    Aside from art, I also used the #godot engine to create micro games and animations for the attacks in art fight. We have here: Zeem smasher - playable at zeem.manikobunneh.xyz - Laurie Clicker - playable at laurie.manikobunneh.xyz and an animation for Draft, which is also here: nextcloud.manikobunneh.xyz/ind

    @Zeem - @SuddenDraftArt

    #macro #furry #macrofurry #animations #game

    #godot #macro #furry #macrofurry #animations #game
  37. Frontend Dogma @[email protected] ·

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

    figma.com/blog/principles-in-m

    #design #animations

    #animations #design
  38. Frontend Dogma @[email protected] ·

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

    figma.com/blog/principles-in-m

    #design #animations

    #animations #design
  39. Inautilo @[email protected] ·

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

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

    #development #launches #buttons #animations #icons #gradients
  40. Inautilo @[email protected] ·

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

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

    #development #launches #buttons #animations #icons #gradients
  41. Inautilo @[email protected] ·

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

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

    #development #introductions #moderncss #borders #shapes #decorations
  42. Inautilo @[email protected] ·

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

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

    #development #introductions #moderncss #borders #shapes #decorations
  43. Angers Villactu @[email protected] ·

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

    angers.villactu.fr/festival-de

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

    #angers #sorties #animations #evenements #weekend
  44. Inautilo @[email protected] ·

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

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

    #development #techniques #animations #interactivity #invisibility #accessibility
  45. Inautilo @[email protected] ·

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

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

    #development #techniques #animations #interactivity #invisibility #accessibility
  46. Inautilo @[email protected] ·

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

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

    #development #guides #moderncss #viewtransitions #animations #customproperties
  47. Inautilo @[email protected] ·

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

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

    #development #guides #moderncss #viewtransitions #animations #customproperties
  48. Frontend Dogma @[email protected] ·

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

    css-tricks.com/get-ready-for-t

    #css #borders #shapes #animations #examples

    #examples #animations #shapes #borders #css
  49. Frontend Dogma @[email protected] ·

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

    css-tricks.com/get-ready-for-t

    #css #borders #shapes #animations #examples

    #examples #animations #shapes #borders #css
  50. Angers Villactu @[email protected] ·

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

    angers.villactu.fr/le-chateau-

    #Angers #châteauduplessismacé #animations #programmation

    #angers #chateauduplessismace #animations #programmation
  51. Angers Villactu @[email protected] ·

    Des animations tout l’été pour petits et grands au lac de Maine et dans le centre-ville d’Angers

    angers.villactu.fr/des-animati

    #Angers #lacdemaine #esplanadecoeurdemaine #animations #vitalété

    #angers #lacdemaine #esplanadecoeurdemaine #animations #vitalete
  52. Frontend Dogma @[email protected] ·

    Animating the “dialog” Element Using View Transitions, by @rikschennink:

    pqina.nl/blog/animating-the-di

    #modals #html #animations #viewtransitions #javascript #css

    #css #javascript #viewtransitions #animations #html #modals
  53. N-gated Hacker News @[email protected] ·

    🚗💥 "Let's take a 5th-grade science project, sprinkle some #animations, and call it a day!" 🤯 Enjoy watching car parts spin like a hamster on a wheel, while pretending to learn about the most basic engine mechanics. 🔧🎥 Truly riveting stuff, Bartosz! 🙄
    ciechanow.ski/internal-combust #scienceproject #carmechanics #educationalcontent #creativity #HackerNews #ngated

    #animations #scienceproject #carmechanics #educationalcontent #creativity #hackernews
  54. DionyZack 🍉✊🏽♀️🌿 @[email protected] ·

    📽️ vidéo en ✊ Jim Queen : qu'est-ce que le "dark woke" ? | ÇA IRA !: -- 9a-EsCfohNc?version=3 #Woke #DarkWoke #Animations #CulturePop

    Jim Queen : qu'est-ce que le "...

    #woke #darkwoke #animations #culturepop
  55. Inautilo @[email protected] ·

    #Development #Techniques
    Animating the HTML dialog element · A modern approach with native web APIs ilo.im/16dze5

    _____
    #HTMLDialog #Invokers #ViewTransitions #Animations #ProgressiveEnhancements #APIs #WebDev #Frontend #HTML #CSS #JavaScript

    #development #techniques #htmldialog #invokers #viewtransitions #animations